【jQuery】特定の子要素の最大値の取得方法について

Question

下記のように特定の特定の条件を持った子要素の最大値の取得方法を教えてください。

特定の条件：td直下で子要素「.test1」がもっとも多い数。
答えは「3」ですが、その取得方法が分かりません。
よろしくお願いします。

<table class="tb"> <tr> <td> <p class="test1"></p> <p class="test1"></p> </td> <td> <p class="test1"></p> <p class="test1"></p> <p class="test1"></p> </td> </tr> </table>

Answer 1

coding してみました。

• http://jsdo.it/katoy/3cAI

html と javascript を見てください。
javascript は次のようにしています。

var max_len = 0;

$('td').each(function(td) {
  var test1_count =  $(this).children('.test1').length;
  if (max_len < test1_count) {
        max_len = test1_count;
  }
});
alert(max_len);

Comments

[akamotosan]

ありがとうございます。
特に最大値の取得方法が分からなかったので勉強になりました。

Answer 2

ありがとうございました。
大変参考になりました。

Answer 3

いろいろ方法は考えられますが、tdをeachでループして、.children('.test1').size()のより大きな値を保持していけばできると思います。