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-*属性。

Answer 2

find（）方法怎么样？

var $children = $('.container').find('.child[myattr="myattrvalue3"]');

并找到孩子的数量：

$children.length

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

2 个答案: