子要素が

Question

をクリックしたときに、私はこのようになりますいくつかの列、とtable持つ要素の兄弟に属性を追加します。私は何をしたいか

<tr role="row" class="odd"> 
    <td class="sorting_1"> 
     <button id="1" class="btn btn-info btn-sm _edit_btn">Edit</button> 
    </td> 
    <td>1</td> 
    <td>Asht</td> 
    <td>5</td> 
    <td>16</td> 
    <td>5</td> 
    <td>3</td> 
    <td>3</td> 
    <td>2</td> 
    <td>Sughd</td> 
    <td>2</td> 
    <td>3505207000000</td> 
    <td>3</td> 
    <td>2</td> 
    <td>15</td> 
    <td>5</td> 
</tr> 

、各<td>に属性を追加することです要素は、テーブルの最初の<td>にあるボタンをクリックしてクリックします。

私はこの目的のためにjQueryを使用しています。 <td>要素は<button>要素の兄弟ではなく、他の<td>要素の兄弟ではないため、兄弟関数を使用して処理しようとしましたが、機能しません。

Answer 1

はこれを行うには、その後、find()をtdを取得します、次のように：あなたはあなたが言及したようsiblings()を使用することを好む場合

$('button').click(function() { 
    $(this).closest('tr').find('td').attr('foo', 'bar'); 
}); 

は、その後、あなたは親を得ることができますその上と使用siblings()：それはあなたの意図した場合は、このバージョンでは、最初のtd要素に属性を追加しないこと

$('button').click(function() { 
    $(this).closest('td').siblings().attr('foo', 'bar'); 
}); 

注意。

Answer 2

あなたはそれでtdを.closest()方法を使用して、最も近いtr要素に横断し、その後、見つけることができます：あなたはbuttonの親trを見つけるためにclosest()を使用することができます

$('button').click(function(){ 
    $(this).closest('tr').find('td').attr('someattr','attrval'); 
}); 

Answer 3

次の2つのケースについて、このいずれかを使用できます。

$("button").click(function(e) { 
    //if you want to add attribute to all tds then use this line 
    $(this).closest("tr").find("td").attr("your-attribute", "value"); 

    //if you want to add attribute to all tds except the first one then use this line 
    $(this).closest("tr").find("td:not(.sorting_1)").attr("your-attribute", "value"); 
});