Javascript jQuery-选择下一个输入/通过更改选择值进行选择

我一直在努力解决这个问题。 我的代码

如果我只有一个条件，代码工作正常，但如果有多个条件，第一次选择中的更改会影响所有第二次选择和所有输入

---

我怎样才能只针对下一个select和下一个input呢？

所以我注意到的第一件事是，在html代码中，在jQuery上，您选择的是ID jQuery'conditions\u wrapper'

这是我想到的。您可能想重构它，但它完成了任务

$'.conditions\u wrapper.column'。在'change'上，选择'u column'，函数e{ var options selected=$option:已选择，此选项为； var valueSelected=此值； //此处的this关键字是选择选择输入 //然后，我们可以选择父项，即.com列 //获取下一个元素，即紧跟其后的.column //然后获取子元素，在本例中，它是.select\u关系 $this.parent.next.children.addClass'red'； //此处的this关键字是选择选择输入 //然后，我们可以选择父项，即.com列 //两次获取下一个元素，即select项中的第二个.column元素 //然后获取子元素，在本例中它是.condition_值 $this.parent.next.next.children.propplaceholder，输入email.addClass'red'； }; 选择、输入{ 保证金：5px0； } 瑞德先生{ 边框颜色：红色； } .... 1. 2. 3. .... .... 1. 2. 3. ....

---

你能举一个实际值的例子吗？很难理解您想要什么。当class=select\u列发生更改时，我希望在同一父级中选择/taget class=select\u关系和class=condition\u值。屏幕截图：当前代码是：jQuerythis.closest.column.next>$。select\u关系

 <div class="conditions_wrapper">   
    <div class="ui grid condition"> <!-- first -->
      <div class="four wide column">
       <select class="select_column"><option> .... </options></select>
      </div>

      <div class="four wide column">
        <select class="select_relation"><option> .... </options></select>
      </div>

      <div class="six wide column">
         <input class="condition_value" type="text">
      </div>

    </div>

    <div class="ui grid condition"> <!-- second -->
      <div class="four wide column">
       <select class="select_column"><option> .... </options></select>
      </div>

      <div class="four wide column">
        <select class="select_relation"><option> .... </options></select>
      </div>

      <div class="six wide column">
         <input class="condition_value" type="text">
      </div>

    </div>    
      .
      .
      more clone of outer div . . .
 </div>

jQuery('#conditions_wrapper').on('change','.select_column', function (e) {
  var optionSelected = $("option:selected", this);
  var valueSelected = this.value;

if(valueSelected == "value_of_first_select"){    
  jQuery(this).closest(".column").next().first() > $(".select_relation").html('<option> . . . </option>');

  jQuery(this).closest(".column").next().first() > $(".condition_value").prop("placeholder","enter email");

} 

else {

jQuery(this).closest(".column").next().first() > $(".select_relation").html('<option> . . .</option>');

 jQuery(this).closest(".column").next().first() > $(".condition_value").prop("placeholder","enter name");
      }

});