「jquery入門」find()とchildren()を利用するサンプル

2013年6月19日2017年10月30日

children()
直下の要素だけを取得する。

find()
全ての子要素を探索する。

 

1.htmlコード
<ul>
<li>11</li>
<li>12</li>
<li>13
<ul>
<li>20</li>
<li>21</li>
<li>22</li>
</ul>
</li>
<li>14</li>
</ul>

2.JSコード
<script>
$(“ul").click(function(){
//children()
var cft = $(this).children();
count = 0;
for( var i=0;i<cft.length;i++ ){
count += parseInt( cft.eq(i).text() );
}
alert( count);

//find()
var kd = $(this).find('li’);
count = 0;
for( var i=0;i<kd.length;i++ ){
num += parseInt( kd.eq(i).text() );
}
alert( count );
});
</script>