通过其他有价值的元素查找元素ID

Question

我有这个html代码。我想通过输入值获取id值。 例如：我想知道具有value = number2 =>的id值这是unknown2。我怎样才能做到这一点与jQuery？

<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>

Answer 1

你可以像下面： -

$("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>不会呈现在浏览器和hense这将是undefined。如果你想让它工作，那么<th>必须在<table></teable>内。

Answer 2

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