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。

Javascript / jQuery - 基于数组值更新列表显示

1 个答案: