Question

如果它们都具有相同的名称和ID，如何使用jQuery选择值为2的元素？

 <input type="radio" id="store" name="store" value="1">
    <input type="radio" id="store" name="store" value="2">
     <input type="radio" id="store" name="store" value="3">

jQuery无效：

$('#store:input[type="radio", value="2"]').html();

Answer 1

你不能在页面上只有一个给定#id的实例。

Answer 2

了解multiple attribute selector。

这应该有效： $（＆＃39; #store：输入[类型=＆＃34;无线电＆＃34;] [值=＆＃34; 2＆＃34;]＆＃39）。HTML（）;

Answer 3

jQuery的选择器引擎无法处理它，但您可以在修复选择器之后使用原生querySelector。

const v = document.querySelector('input#store[type="radio"][value="2"]').outerHTML;

console.log(v);

 <input type="radio" id="store" name="store" value="1">
 <input type="radio" id="store" name="store" value="2">
 <input type="radio" id="store" name="store" value="3">

querySelector和querySelectorAll不关心唯一ID的HTML要求。他们获取页面上的所有匹配项。

另外，.html()对input没有意义，所以我打印了.outerHTML instead。

选择具有不同值但具有相似ID的元素

3 个答案: