jQuery的 - 用

Question

類

每一個元素，我想目標在每個功能的「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> 

Answer 1

您可以簡單地使用由jQuery libary提供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。

Answer 2

您可以簡單地使用each()方法來實現使用JQuery這個

，

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

}) 

Answer 3

如果您正在使用jQuery這一點，下面的代碼將工作。我已採取change和blur事件，根據您的要求更改。

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