javascript - 如何使用 jQuery 选择文本区域内的所有 URL？

Question

我可以使用以下命令选择所有 img 链接以及 PDF 链接:

    $("a[href$='pdf']").append('<img src="pdf.jpg" style="width:20px;height:20px;" > ');
    $("a[href$='jpg']").append('<img src="jpg.jpg" style="width:20px;height:20px;" > ');

现在我有一个文本区域

 <textarea id="mytxt" name='post' style='width:100%;height:400px;margin-top:10px;border:solid thin #F1F1F1;line-height:20px;'>

  </textarea>


 $("#mytxt:contains('.jpg')").append('<img src="jpg.jpg" style="width:20px;height:20px;" > ');

上面的选择器不起作用。

Answer 1

您无法在文本区域内附加 DOM 元素，因此上面的代码无法工作

当发现 .jpg 出现时，选择器本身 $("#mytxt:contains('.jpg')") 完美工作:请参阅 fiddle http://jsfiddle.net/Mqu66/