javascript - children().length が予期しない値を返しています

Question

すべてがここにあります: http://jsfiddle.net/dweiliu/NBFMq/3/

これは問題の関連コードです:

$('article.weeklyStandings').each(function(){
   var numPlayers = $(this).children('table tr').length;
   $(this).children('h2').append(" - " + numPlayers + " Players");
});

jsfiddleに表示される結果を含むデータのテーブルが複数ある可能性があります。テーブルの行数を調べて、特定の週にプレイしたプレーヤーの数を指摘したいと思います。

なぜ$(this).children('table tr').length;jsfiddleで0を返すのですか? 私のローカル マシンでは、この同じコードが 3 を返していることに注意してください。

Answer 1

変化する

var numPlayers = $(this).children('table tr').length;

に

var numPlayers = $('.record', this).length;

デモ

Answer 2

変化する

var numPlayers = $(this).children('table tr').length;

に

var numPlayers = $(this).find('table tr').length-1;

jsFiddle の例

.children()メソッドは、DOM ツリーを 1 レベル下に移動するだけで、複数のレベルを下に移動して子孫要素 (孫など) も選択できる.find()という点でとは異なります。.children().find()

Answer 3

あなたのnumPlayerの影響でfind（）によってchildren（）を変更してください:)