5

我希望能够检查容器 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”的值。我还希望能够确定存在多少这样的孩子的实例，在这个例子中，这将是 myattr='myattrvalue3' 的孩子的 3 个实例。

4

2 回答 2

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

请注意，这myattr不是有效属性。您可以改用 HTML5data-*属性。

于 2013-01-26T05:56:37.003 回答
2

find() 方法怎么样？

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

并找到孩子的数量：

$children.length
于 2013-01-26T05:56:12.660 回答