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

时间:2014-07-23 14:30:45

标签: javascript jquery html

我有一个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属性?

2 个答案:

答案 0 :(得分:4)

使用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/

答案 1 :(得分:3)

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

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");
});