更改下一个select元素的类名

Changing class name of next select element

本文关键字：元素 select 下一个      更新时间：2023-09-26

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

<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>

但问题是，我有两个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>

您可以在当前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>

相关文章：