Javascript/jQuery - 根据数组的值更新列表显示

Question

我有一个像这样的ul:

<ul>
<li>foo</li>
<li>bar</li>
<li>baz</li>
...
</ul>

现在我有一个通过 AJAX 返回的数组，其中包含各种值。我想更改 CSS 并将数据附加到数组中存在值的每个 li 中。

有时值会重复，例如

<li>foo</li>
<li>bar</li>
<li>foo</li>

在这种情况下，所有匹配的 li 都应该更改。

我已经设法使其适用于固定值，但我想将其作为数组中每个元素的函数运行:

$("ul li:contains('foo')").each(function(){
    $(this).append(" found foo");
});

抱歉，如果我使用了错误的术语，我已经有一段时间没有做过任何与 Web/JavaScript 相关的事情了。

Answer 1

假设 a 是通过 AJAX 获取的值数组，您可以循环遍历它们并更新元素，如下所示:

var a = ['foo', 'bar'];
a.forEach(function(entry) {
    $("ul li:contains('"+entry+"')").each(function(){
        $(this).append(" found "+entry);
    });
});

完整JSFiddle here .