Script to convert text inside
lines into search links

Question

I have several DIVs with LIs inside, but I want to convert the text inside of LIs that belongs to a specific DIV id, example:

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

So I pretend to convert this:

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

Into this:

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

However in some lines there is a STRONG inside an LI with others LIs. Example:

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

I think this is possible like a script to convert plain urls text into links like this:

How to replace plain URLs with links?

@webeno, I think they mean pretend, because it doesn't look like they've tried anything. — l'L'l, Oct 25 '14 at 21:25

What have you tried · Accepted Answer · 2014-10-25T21:39:32.243

3

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

edited Oct 25 '14 at 21:39

answered Oct 25 '14 at 21:25

What have you tried

11,018
4
31
45

This is so destructive. – Ram Oct 25 '14 at 21:27
Just consider the top-most `li` elements! Apart from this, you haven't call the `html` method, missing `()`. – Ram Oct 25 '14 at 21:29
No problem, please use a less generic selector! – Ram Oct 25 '14 at 21:31
@Vohuman I modified so that it's selecting by any `li` within the `div` given. Other than that, not sure what you might be looking for from the answer. – What have you tried Oct 25 '14 at 21:34
Isn't `$('#filtro_mod li li')` better? – Ram Oct 25 '14 at 21:36
@Vohuman won't that select *only* second-level li's? Doesn't he want them all changed? Edit: I misread the question, Vohuman is right. – What have you tried Oct 25 '14 at 21:38
I try this but dont work see the page http://hpecas.com/pt/correias-para-impressoras-hp/q1292-67026-carriage-belt-for-printer-hp-designjet-100-100-110-110-111-120-130-series_707.html – Sérgio Martins Oct 25 '14 at 21:42
@SérgioMartins What's the issue? – What have you tried Oct 25 '14 at 21:42
You need to URL escape the `html` variable – Matt Ellen Oct 25 '14 at 21:43
I apologize but I do not understand much, not to say anything of programming. Would you can give an example. – Sérgio Martins Oct 25 '14 at 21:47
I'm testing the above example this page http://hpecas.com/pt/correias-para-impressoras-hp/q1292-67026-carriage-belt-for-printer-hp-designjet-100-100-110-110-111-120-130-series_707.html – Sérgio Martins Oct 25 '14 at 21:48
@SérgioMartins Put a demo into jsFiddle – What have you tried Oct 25 '14 at 21:49
http://stackoverflow.com/questions/75980/best-practice-escape-or-encodeuri-encodeuricomponent – Matt Ellen Oct 25 '14 at 21:58
I try on http://jsfiddle.net/bmkdvLge/1/ work fine but on my website dont http://hpecas.com/en/belts-for-hp-printers/q1292-67026-carriage-belt-for-printer-hp-designjet-100-100-110-110-111-120-130-series_707.html – Sérgio Martins Oct 25 '14 at 22:02
@SérgioMartins Well, not to be rude but that could be caused by dozens of things. Starting with, make sure you've included jQuery before running that script. The answer provided works, though. – What have you tried Oct 25 '14 at 22:03
Just one more thing who to include encodeURIComponent – Sérgio Martins Oct 25 '14 at 22:09
@SérgioMartins as Matt mentioned, see this: http://stackoverflow.com/questions/75980/best-practice-escape-or-encodeuri-encodeuricomponent – What have you tried Oct 25 '14 at 22:13

Script to convert text inside lines into search links

1 Answers1

Script to convert text inside
lines into search links