Question

我有一个textarea，我正在显示来自我的数据库的HTML数据。在该数据中，有几个<a href=""></a>链接。他们中的一些人有一个班级，其中一些人没有。

示例HTML代码：

<textarea class="txt-area">This <a href="http://myeaxmple.com/">contents</a>. a <span>test</span> document. Please <a class="my-class" href="http://facebook.com/">do</a>. ignore it's <a class="my-class" href="http://google.com/">contents</a>.</textarea>

我的问题是，如何搜索添加了特定类的那些锚标记（在textarea中）并替换它们的HREF属性？

Answer 1

使用jQuery解析HTML并使用它。然后，您可以在以下后更新值：

var $textarea = $('.txt-area');

var $html = $('<div>').html($textarea.val());

$html.find('.my-class').attr('href', 'newHREF');

$textarea.val($html.html());

小提琴：http://jsfiddle.net/5VvfH/

Answer 2

首先获取文本区域的值，然后替换该类值

var htmlData = $('<div>').html($(".txt-area").val());
   $(htmlData).find("a.ReqClass").each(function(){
   alert($(this).attr("href"));
  // and if you want to replace it then
  $(this).attr("href","newHref");
});

如何用jQuery替换textarea中的特定元素？

2 个答案: