Home/ Questions/Q 7688601
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T19:57:33+00:00

how can I use jquery to find ::123:: , get 123 out(as an id)

  • 0

how can I use jquery to find ::123:: , get 123 out(as an id) then change it into an image inside a div that has many lines.

The div:

<div id="msg">
 <ul>
   <li class="message">hello</li>
   <li class="message">123</li>
   <li class="message">thrid line ::123::</li>
   <li class="message">yes</li>
   <li class="message">sure</li>
   <li class="message">fourth line ::123::</li>
 </ul>
</div>

Results would be:

<div id="msg">
 <ul>
   <li class="message">hello</li>
   <li class="message">123</li>
   <li class="message">thrid line <img src="image?id=123"></li>
   <li class="message">yes</li>
   <li class="message">sure</li>
   <li class="message">fourth line <img src="image?id=123"></li>
 </ul>
</div>

P/S the contents in the lines are just example.

How can I do this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This will replace any number you have inside double colons with a related <img> tag:

    $('.message').each(function() {
    $(this).html( $(this).html().replace(/::([^:]+)::/g,'<img src="image?id=$1">') );
});

    http://jsfiddle.net/khk4a/

    You might reconsider the HTML replacement logic here, the source would be pretty awkward for a search engine or text reader. Try using another hook, f.ex an empty <i> with a class or data attribute.

    • 0