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，

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

请检查以下代码：

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>

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

1 个答案: