将 <li> 行内的文本转换为搜索链接的脚本

Question

我有几个内部带有 LI 的 DIV，但我想转换 LI 内部属于特定 DIV id 的文本，例如：

<div id="filtro_mod">
  <ul>
    <li><strong>HP DesignJet 100 Printer series</strong>
      <ul>
        <li>HP DesignJet 100 Printer - C7796A</li>
        <li>HP DesignJet 100 Printer - C7796AR</li>
      </ul>
    </li>
    <li><strong>HP DesignJet 100 Plus Printer series</strong>
      <ul>
        <li>HP DesignJet 100 Plus Printer - C7796C</li>
        <li>HP DesignJet 100 Plus Printer - C7796CR</li>
      </ul>
    </li>
  </ul>
</div>

所以我假装转换这个：

<li>HP DesignJet 100 Printer - C7796A</li>

进入这个：

<li><a href="http://mywebsite.com/pesquisa?controller=search&orderby=position&orderway=desc&search_query=HP%20DesignJet%20100%20Printer%20-%20C7796A+&submit_search=">HP DesignJet 100 Printer - C7796A</a></li>

但是，在某些行中，一个 LI 内有一个 STRONG 和其他 LI。示例：

<ul>
  <li><strong>HP DesignJet 100 Printer series</strong>
    <ul>
      <li>HP DesignJet 100 Printer - C7796A</li>
      <li>HP DesignJet 100 Printer - C7796AR</li>
    </ul>
  </li>
</ul>

我认为这可能就像一个将纯 urls 文本转换为如下链接的脚本：

How to replace plain URLs with links?

Answer 1

$('#filtro_mod li li').each(function(){
    var html = $(this).html();
    $(this).html('<a href="theurl.com?desc=' + html + '">' + html + '</a>');
});