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>

$( "。container")内のクラス"child"のdivが"myattr"のattrと"myattrvalue3"の値を持っているかどうかを見つけることができるjquery行が欲しいです。また、そのような子のインスタンスがいくつ存在するかを判別できるようにしたいと思います。これは、この例では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 に答える