javascript - 如何向包含黑名单单词的元素添加类

Question

我想向包含黑名单单词之一的 HTML 元素添加一个类。

例如，我的黑名单由“坏”和“丑”组成，我想将类添加到它们的范围中:

<div id="main">
    <span>This is good.</span>
    <span class="black">Bad things happen sometimes.</span>
    <span class="black">This is bad.</span>
    <span class="black">And this is ugly.</span>
</div>

<a onclick="blacklisterFunction();">Add Class</a>

blacklisterFunction() 应该是什么样子？该函数是否应该抓取每个黑名单单词的主div，或者是否有更有效的方法。

Answer 1

使用 jQuery:

$('#clickme').click(function () {

    $('div span').each(function() {

        var badthings = ['bad', 'ugly', 'gross'];

        var x = 0;

        while (x <= (badthings.length - 1)) { 

            if ($(this).text().toLowerCase().search(badthings[x]) !== -1) {

                $(this).addClass('black');

            }

            x++;

        }

    });

});

jsfiddle:http://jsfiddle.net/DgpnQ/4/