jqueryのセレクタ - 私は、次のマークアップ持って、各テーブル行

Question

内部の第2スパンの子を選択：私は、各行の第二または第一スパン「select_me」を選択しに行くかどう

<table> 
<thead> 
... 
</thead> 
<tbody> 
<tr> 
    <td> 
     <span class='select_me' id='42'></span> 
    </td> 
    <td> 
     <span class='select_me' id='43'></span> 
    </td> 
    </tr> 
<tr> 
    <td> 
     <span class='select_me' id='50'></span> 
    </td> 
    <td> 
     <span class='select_me' id='54'></span> 
    </td> 
    </tr> 
</table> 

を？ 私はそれがこのようなものの姿 - 私はID

$("td").each(function(){ 
v = $(this).children(".select_me:first").attr("id"); 
}); 

を取得したいが、それは任意の助けが

Answer 1

を:eqセレクタ：

$("tr").each(function() { 
    var firstId = $("span.select_me:eq(0)", this).attr("id"); 
    var secondId = $("span.select_me:eq(1)", this).attr("id"); 
}); 

あなたは2つだけを持っているので、行当たり<span>要素は、あなたも:firstと:lastセレクタを使用することができます。

$("tr").each(function() { 
    var firstId = $("span.select_me:first", this).attr("id"); 
    var secondId = $("span.select_me:last", this).attr("id"); 
}); 

Answer 2

これを試していただければ幸いです、「未定義」を出力する - あなたが使用することができます

$("td").each(function(){ 
    first = $(this).find("span.select_me:eq(0)").attr("id");// for first 
    Second = $(this).find("span.select_me:eq(1)").attr("id");// for second 
    }); 

Answer 3

n番目の子を助けることがあります。最初の場合http://api.jquery.com/nth-child-selector/

$("tr td:nth-child(2) span.select_me").attr('id') 

Answer 4

を - 秒

$("tr").each(function(){ 
    v = $(this).find("td:nth-child(1) span.select_me").attr("id"); 
}); 

-

$("tr").each(function(){ 
    v = $(this).find("td:nth-child(2) span.select_me").attr("id"); 
});