divタグidによってhiddenの値を取得していますか？

Question

<div id = "abc1"> 
<input type = "hidden" id= "aabc_0_the" value = 314/> 
<input type = "hidden" id= "aabc_1_the" value = 315/> 
</div><div id = "abc2"> 
<input type = "hidden" id= "aabc_0_the" value = 316/> 
<input type = "hidden" id= "aabc_1_the" value = 317/> 
</div> 

ここで、入力タグにある値をJavaScript を使用して取得する必要があります。これは、値をコントローラにajax呼び出しで送信する必要があるためです。私は未定義を与えている以下を試しました。

document.body.querySelectorAll('#abc1 > aabc_0_the').value 

各divが部分図

Answer 1

あなたがIDを複製することはできませんです。 jQueryの

で

JS

で

var value=document.body.getElementById('aabc_0_the').value(); 

var value=$('#aabc_0_the').val(); 


<div id = "abc1"> 
<input type = "hidden" class= "aabc_0_the" value = 314/> 
</div><div id = "abc2"> 
<input type = "hidden" class= "aabc_0_the" value = 315/> 
</div> 


var v1=$('#abc1 .aabc_0_the:eq(0)').val(); 
var v2=$('#abc1 .aabc_0_the:eq(1)').val(); 

or 

var v1=$('#abc1 .aabc_0_the').first().val(); 
var v1=$('#abc1 .aabc_0_the').last().val(); 

or 

var v1=$('#abc1 .aabc_0_the:first').val(); 
var v1=$('#abc1 .aabc_0_the:last').val(); 

Answer 2

あなたはIDまたは使用するクラスを変更する必要がありますので、IDは一意です。

<div id = "abc1"> 
    <input type = "hidden" id= "aabc_0_the" value = "314"/> 
</div> 
<div id = "abc2"> 
    <input type = "hidden" id= "aabc_1_the" value = "315"/> 
</div> 

使用のjavascript：jQueryので

var value=document.getElementById('aabc_0_the').value; 
var value1=document.getElementById('aabc_1_the').value; 

：

var value = $('#aabc_0_the').val(); 
var value1 = $('#aabc_1_the').val(); 

Answer 3

あなたはまた、次のように行うことができますが、次の2つの異なる入力に対して同じIDを持つべきではない

$(document).ready(function() { 
    var value_one = $('#abc1').find('input[type="hidden"]').val(); 
    var value_two = $('#abc2').find('input[type="hidden"]').val(); 
    console.log(value_one, value_two); 
});