秒を選択は2番目（次の）にあります。

Question

テーブルがあり、trとtdです。すべての行で、の2つのtdがあります。各行において、最初のtdはクラスjz-plを有し、第2のtdはクラスjz-enを有する。私が達成したい何

は最初<td class="jz-pl">変化<select>二<td class="jz-en">に<select>にスタイルを追加することです。

このクラスのすべての要素ではなく、この行でのみ行いたいことに注意してください。

jQuery(document).ready(function() { 
    jQuery("td.jz-pl select").change(function() { 
    jQuery(this).next('td.jz-en select').css('background-color', 'red'); 
    }); 
}); 

Answer 1

あなたはselect要素をターゲットにする.find()/.children()を使用し、その後td要素の直後にターゲットに.next('td.jz-en')を使用して、親td要素までトラバースする必要があります。

jQuery("td.jz-pl select").change(function() {  
    jQuery(this).closest('td').next('td.jz-en').find('select').css('background-color','red'); 
}); 

種々トラバーサル方法が使用.closest('td')、

.parent()は別の方法としては、tr次いでfind()所望の要素まで横断することができることができます。

jQuery("td.jz-pl select").change(function() {  
    jQuery(this).closest('tr').find('td.jz-en select').css('background-color','red'); 
});