我有两个相同的 html 输入文本 id，但不同的 div 如何在 jquery 中获取两个 id 值

Question

>我创建了两个div [ Div1 和 Div2] 有两个相同的 html 输入文本 ID。 如何在 jQuery 中获取具有文本类型 ID 值的两个不同的div。

当我单击div 2 按钮时，它会显示第一个div 文本 ID 值。 请帮忙。 谢谢。

function GetDiv1Value() {
alert($('#TestId').val());
}
function GetDiv2Value() {
alert($('#TestId').val());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<div id="DIv1">
Div1:   
<input type="text" id="TestId" />
<input type="button" onclick="GetDiv1Value();"value="Div 1" />
</div>
<div id="Div2">
Div2:   
<input type="text" id="TestId" />
<input type="button" onclick="GetDiv2Value();" value="Div 2" />
</div>

Answer 1

ID应该是唯一的，请改用同一个类。

但是，如果您想使用重复的id，

您可以在唯一的选择器中应用父divID。

请检查以下代码：

function GetDiv1Value() {
alert($('#DIv1 #TestId').val());
}
function GetDiv2Value() {
alert($('#Div2 #TestId').val());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<div id="DIv1">
Div1:   
<input type="text" id="TestId" value='this is one' />
<input type="button" onclick="GetDiv1Value();" value="Div 1" />
</div>
<div id="Div2">
Div2:   
<input type="text" id="TestId" value='this is two' />
<input type="button" onclick="GetDiv2Value();" value="Div 2" />
</div>