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

【问题标题】：jQuery - Check if a container div has a child with a specified attribute valuejQuery - 检查容器 div 是否有具有指定属性值的子项
【发布时间】：2013-01-10 03:41:22
【问题描述】：

我希望能够检查容器 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 个实例。

【问题讨论】：

标签： jquery html containers children

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

find() 方法怎么样？

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

并找出孩子的数量：

$children.length

【讨论】：