通過其他有價值的元素查找元素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');