我有一个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
属性?
答案 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());
答案 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");
});