使用JQuery查找和替换子元素

时间:2014-07-26 14:39:47

标签: jquery replace find

我希望在子元素列表中通过JQuery进行查找和替换操作(从' *'到' +')。

示例代码:

<div class="tt">
    <p>*Anything</p>
    <p>*Anything</p>
</div>

理想的输出:

<div class="tt">
    <p>+Anything</p>
    <p>+Anything</p>
</div>

这会提醒我每个人&#39; p&#39;标签已更改:

$('.tt p').each(function(index) {
    var r=/^(<p>)(.)(.*)$/;
    var to_r='$1+$3';
    //var a=p.match(r);
    var a=p.replace(r,to_r);
    alert(a);
});

我的JQuery技能在这里结束。感谢您的任何指示。

2 个答案:

答案 0 :(得分:2)

tt.each是指div,而不是p-tag。所以尝试像

这样的东西
$('.tt').find('p').each(function(){ $this.html('YourNewHTML or text')})

或使用您的regEx

答案 1 :(得分:1)

试试这段代码:

$('.tt p').each(function(index) {
    var result = $(this).text().replace("*", "<b>+</b>");
    $(this).html(result);
});