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具有atat为"myattr"且值为"myattrvalue3"的话.我还希望能够确定这样一个孩子有多少个实例,在这个例子中,myattr ='myattrvalue3'就是3个孩子的实例.

Answer 1

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

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