选择第二个（选择）>第二个（下一个）td

Question

我有桌子，有tr和td。在每一行中，我都有两个带有＆lt; select＆gt;的td。在每一行中，第一个td具有类jz-pl，第二个td具有类jz-en。 我想要实现的是将样式添加到＆lt; select＆gt;在第二个＆lt; td class =“jz-en”＆gt;何时＆lt; select＆gt;在第一个＆lt; td class =“jz-pl”＆gt;更改。 请注意，我只想在这一行中执行此操作，而不是每个具有此类的元素。 jQuery（document）.ready（function（）{   jQuery（“td.jz-pl select”）。change（function（）{     jQuery（this）.next（'td.jz-en select'）。css（'background-color'，'red'）;   }）; }）;

Answer 1

您需要遍历父td元素，然后使用.next('td.jz-en')立即定位td元素，然后使用.find() / .children()定位{{ 1}}元素。

select

可以使用各种遍历方法.closest('td')，.parent()

或者，您可以遍历jQuery("td.jz-pl select").change(function() { jQuery(this).closest('td').next('td.jz-en').find('select').css('background-color','red'); }); ，然后tr所需的元素。

find()