通过其他有价值的元素查找元素ID
问题描述:
我有这个html代码。我想通过输入值获取id值。 例如:我想知道具有value = number2 =>的id值这是unknown2。我怎样才能做到这一点与jQuery?通过其他有价值的元素查找元素ID
<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>
答
你可以像下面: -
$("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>
内。
+0
谢谢!它的工作! – Alex
答
var id = $('input:text').filter(function(){
return this.value === "number2";
}).prop('id');
$(“input [value ='number2']”)。parent()。attr('id') –