jquery部分删除文本

Question

我可以使用jQuery删除div中的部分文本。

像这样：

<div class="entry">
Published May 18th 2011 - Approuved - Expire May 18 th 2012<br>Source: SuperSite
</div>

我想删除 Approuved - 2012年5月18日过期

结果将是：

 <div class="entry">
    Published May 18th 2011 <br>Source: SuperSite
    </div>

Answer 1

你可以使用jquery来选择你的元素/ html，但是javascript有一个内置函数replace可以满足你的需要：

$('div.entry').html($('div.entry')
                          .html()
                          .replace('Approuved - Expire May 18 th 2012', ''))

或使用RegExp：

如果要替换的内容始终使用Approuved - Expire：

$('div.entry').html($('div.entry')
                          .html()
                          .replace(/Approuved - Expire[^<]*/, ''))

Answer 2

试试这个：

$(".entry").html(function(i, htm){
   return htm.split("-")[0];
});

如果你想在一个节点内处理html然后重置它，那么

html（）也可以传递一个函数。

以下是关于jsfiddle的演示：http://jsfiddle.net/nKJWn/

Answer 3

$(".entry").html(($(".entry").html().replace("Approuved - Expire May 18 th 2012","")))