Jquery - 每个带有类的下一个元素答案

【问题标题】：Jquery - Each next element with classJquery - 每个带有类的下一个元素
【发布时间】：2017-08-30 22:51:16
【问题描述】：

我想针对每个函数中的“mesurefinal”类，来自“mesureinitiale”类

<tr>
                        <td><label>1. Demi poitrine :</label></td>
                        <td><input class="mesureinitiale" id="vmesure0" disabled="disabled" type="text"></td>
                        <td>1,0</td>
                        <td>+2 / -2</td>
                        <td><input id="vpoitrinemodif" type="text"></td>
                        <td><input id="vpoitrinefinal" disabled="disabled" type="text" class="mesurefinale"></td>
                    </tr>
                    <tr>
                        <td><label>2. Hauteur des épaules :</label></td>
                        <td><input disabled="disabled" class="mesureinitiale" type="text"></td>
                        <td>0,5</td>
                        <td>+1,5 / -1,5</td>
                        <td><input id="vpoitrinemodif" type="text"></td>
                        <td><input id="vpoitrinefinal" disabled="disabled" type="text" class="mesurefinale"></td>
                    </tr>

【问题讨论】：

你到底想要什么？
我想根据“mesureinitiale”输入和修改输入创建一个实时计算。
我没有问这个。我的意思是target mesurefinal from mesureinitiale 类是什么意思。您也可以直接定位mesureinitiale。以及在调用mesurefinal 时要运行什么事件。如果您能提供这些详细信息。

标签： jquery function class each

【解决方案1】：

如果您为此使用 jQuery，下面的代码将起作用。我参加了change 和blur 活动，根据您的要求进行更改。

$('input.mesureinitiale').on("change blur", function(){
    $(this).closest("tr").find('input.mesurefinal');
});

【讨论】：

【解决方案2】：

您可以简单地使用jQuery 库提供的each() 方法来解析DOM 元素：

$('.mesureinitiale').each(function(i, el){
  console.log(i, $(el).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr>
  <td><label>1. Demi poitrine :</label></td>
  <td><input class="mesureinitiale" id="vmesure0" disabled="disabled" type="text" value='test 1'></td>
  <td>1,0</td>
  <td>+2 / -2</td>
  <td><input id="vpoitrinemodif" type="text"></td>
  <td><input id="vpoitrinefinal" disabled="disabled" type="text" class="mesurefinale" ></td>
</tr>
<tr>
  <td><label>2. Hauteur des épaules :</label></td>
  <td><input disabled="disabled" class="mesureinitiale" type="text" value='test 2'></td>
  <td>0,5</td>
  <td>+1,5 / -1,5</td>
  <td><input id="vpoitrinemodif" type="text"></td>
  <td><input id="vpoitrinefinal" disabled="disabled" type="text" class="mesurefinale"></td>
</tr>

你可以阅读更多关于each()方法here。

【讨论】：

【解决方案3】：

你可以简单地使用each()方法来实现这个

使用 JQuery，

 $('.mesureinitiale').each(function(){

 })

【讨论】：