javascript - 如何查找不在数据属性内的所有元素

Question

使用 jQuery/Underscore，给定以下列表。我如何找到不在 li w data-allow-html="true"

中的所有 .msg 元素

<ol>
    <li><div class="msg">message</div></li>
    <li data-allow-html="true"><div class="msg">message</div></li>
    <li><div class="msg">message</div></li>
    <li data-allow-html="true"><div class="msg">message</div></li>
    <li><div class="msg">message</div></li>
    <li data-allow-html="true"><div class="msg">message</div></li>
    <li><div class="msg">message</div></li>
    <li data-allow-html="true"><div class="msg">message</div></li>
</ol>

我目前有:

$('#mydiv').find('.msg').each(function() {}

并尝试过:

$('#mydiv').find('li').not('data-allow-html="true"').find('.msg').each(function() {}

这似乎不起作用。想法？谢谢

Answer 1

您可以使用以下方法获取所有 <li>与#mydiv , 然后检查 not()包含属性，然后找到每个 .msg

$('#mydiv li').not('[data-allow-html="true"]').find('.msg').each(function() {
    // your code
});​