更改下一个选择元素的类名

Question

如果我有这样的代码，我可以更改第二个选择元素的属性..

<select class="services_list1">
<option>Value 1</option>
  <option>Value 2</option>
</select>
<select class="services_list2">
<option>Value 1</option>
  <option>Value 2</option>
</select>

但问题是，我有两个选择元素如下。如何在services_list1的onchange（）上更改第二个services_list2的类名。

 <td>
        <select class="services_list1">
<option>Value 1</option>
  <option>Value 2</option>
</select>
    </td>
    <td>
        <select class="services_list2">
<option>Value 1</option>
  <option>Value 2</option>
</select>
    </td>

Answer 1

您可以在当前td

的下一个td元素中获取select元素

$('.services_list1').change(function(){
  $(this).parent().next().find('select').toggleClass('something')
})

.something{
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <select class="services_list1">
        <option>Value 1</option>
        <option>Value 2</option>
        <option>Value 3</option>
      </select>
    </td>
    <td>
      <select class="services_list2">
        <option>Value 1</option>
        <option>Value 2</option>
      </select>
    </td>
  </tr>
</table>