javascript - 如何使用 Javascript/jQuery 在具有特定类的元素中查找特定单词？

Question

我有一个名为 .post 的 DIV 类，我想在该元素中查找单词并将其替换为其他内容。该单词也不能位于具有其他类(.tiptrig 和 .postheader)的元素内部。

我真的很想实现这个目标，但我不知道如何......我是 Javascript，尤其是 jQuery 的新手。

Answer 1

看起来是一项简单的任务。

$('.post').each(function() {
    $(this).html(function(index, html) {
        return html.replace(/THEWORD/g, 'something else');
    });
});

这将迭代拥有类 .post 的所有节点，并将单词 THEWORD 替换为其他内容。请注意，他也很危险，因为您还可以修改 HTML 标签名称等。因此，只有当您还想添加/修改 HTML 代码时，这才有意义。

演示:http://www.jsfiddle.net/XGuGy/

访问 text() 可能是一个更好的主意:

$('.post').each(function() {
    var $this = $(this);

    if( !$this.closest('.postheader').length && !$this.closest('.tiptrig ').length ) {
         $this.text(function(index, text) {
            return text.replace(/you/g, 'you fool');
         });
    }
});

演示:http://www.jsfiddle.net/XGuGy/1/