Question

我有这个HTML代码。我想通过输入值获取id值。例如：我想知道id值= number2 =＆gt;的id值这是未知2。我怎么能用jQuery做到这一点？

＆＃13;

<th id="unknown1" rel="0">
<input id="btnSendMessage" type="button" value=number1 class="red"/>
</th>

<th id="unknown2" rel="0">
<input id="btnSendMessage" type="button" value=number2 class="red"/>
</th>

<th id="unknown3" rel="0">
<input id="btnSendMessage" type="button" value=number3 class="red"/>
</th>

＆＃13;

Answer 1

var id = $('input:text').filter(function(){
    return this.value === "number2";
}).prop('id');

Answer 2

你可以这样做： -

$("input[value='number2']").parent().attr('id')

实施例： -

$(document).ready(function(){
  console.log($("input[value='number2']").parent().attr('id'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <th id="unknown1" rel="0">
      <input id="btnSendMessage" type="button" value=number1 class="red"/>
    </th>

    <th id="unknown2" rel="0">
      <input id="btnSendMessage" type="button" value=number2 class="red"/>
    </th>

    <th id="unknown3" rel="0">
      <input id="btnSendMessage" type="button" value=number3 class="red"/>
    </th>
  </tr>
</table>

注意： -

没有<th>的

<table></table>将不会在浏览器上呈现，而且它将是undefined。如果您想使其有效，则<th>必须位于<table></teable>内。

通过其他值元素查找元素ID

2 个答案: