jQuery - 检查容器 div 是否具有具有指定属性值的子项

Question

我希望能够检查容器 div 中是否有一个具有特定值属性的子项，以及存在多少个实例。

例如，如果我有以下 HTML:

<div class='container'>
    <div class='child' myattr='myattrvalue1'>DIV CONTENTS</div>
    <div class='child' myattr='myattrvalue2'>DIV CONTENTS</div>
    <div class='child' myattr='myattrvalue3'>DIV CONTENTS</div>
    <div class='child' myattr='myattrvalue3'>DIV CONTENTS</div>
    <div class='child' myattr='myattrvalue3'>DIV CONTENTS</div>
    <div class='child' myattr='myattrvalue4'>DIV CONTENTS</div>
</div>

我想要一个 jquery 行，它能够找到 $(".container") 中类为“child”的任何 div 是否具有“myattr”的属性和“myattrvalue3”的值。我还希望能够确定存在多少个这样的 child 的实例，在这个例子中这将是 myattr='myattrvalue3' 的 child 的 3 个实例。

Answer 1

var $elems = $('.container .child[myattr=myattrvalue3]');
var length = $elems.length; // length of the selected elements

请注意，myattr 不是有效的属性。您可以改用 HTML5 data-* 属性。