用于转换<李>行转换为搜索链接

Script to convert text inside <li> lines into search links

本文关键字:转换 搜索 链接 lt 用于 gt      更新时间:2023-09-26

我有几个内部有LI的div,但我想转换属于特定div id的LI内部的文本,例如:

<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和其他LI内部有一个STRONG。示例:

<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>

我认为这是可能的,就像一个脚本将纯url文本转换为这样的链接:

如何用链接替换普通URL?

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