2017-04-05 7 views
-2

とそれぞれ次の要素、「mesureinitiale」クラスからjqueryの - 私は、各機能に「mesurefinal」クラスをターゲットとしたいクラス

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

正確には何ですか? –

+0

"mesureinitiale"入力と変更入力に基づいてリアルタイム計算を作成したいと思います。 – Yoan

+0

私はそれを聞かなかった。私が意味していたのは、 'mesureinitiale'クラスから' mesurefinalをターゲットにすることです。 'mesureinitiale'も直接ターゲットにすることができます。 'mesurefinal'を呼んでいる間、あなたはどんなイベントをしたいのですか?これらの詳細を提供できるかどうか。 –

答えて

0

あなたは、単に解析する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

0

あなたは、単にコードが動作するの下にあなたは、このためのjQueryを使用している場合はJQuery、

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

}) 
0

を使用して、この

を達成するためにeach()メソッドを使用することができます。私はchangeblurイベントを取ってきました、あなたの要件に応じて変更してください。

$('input.mesureinitiale').on("change blur", function(){ 
    $(this).closest("tr").find('input.mesurefinal'); 
}); 
関連する問題