jquery - 入力フィールドが変更されたときにすべての隠しフィールド値を取得する

Question

<div>
<input type="hidden" value ="abcnew" id="abc_lkid">
<input type="hidden" value ="abcold" id="abc_lkold">
<span>
<input type="text" id ="abc">
</span>
</div>

ID abc の入力フィールドがある div 内の非表示フィールドの値を取得し、abc が変更された場合にのみ取得する必要があります。

編集: abc の値は js を介して変更できます。id で明示的に呼び出すよりも、div 内の非表示フィールドを反復処理できれば素晴らしいでしょう。

Answer 1

そういう意味ですか？

$("#abc").change( function() {
   alert($("#abc_lkid").val());
   alert($("#abc_lkold").val());
});

または、@ Prady が提案したように、div 内のすべての非表示フィールドを反復処理できます。

$("#abc").change( function() {
  $(this).closest("div").find("input[type='hidden']").each(function(){
     alert($(this).val());
  });
});

ジャスフィドル

Answer 2

$("#abc").change( function() {
    $('div').find('input[type=hidden]').each(function(index){
        alert($(this).val());
    });
});

JSフィドルリンク

Answer 3

これをお探しですか？

$("#abc").change(function() {
   $('div').find('input:hidden').each(function(){
    alert($(this).val());
 });
});

デモを見る