属性等于选择器不工作（“input [name ='name']”）

Question

我想实现这种类型的jQuery选择器到我的代码，但它不工作的原因我不明白。这与jQuery example here类似。

<input type="text" name="name" class="orderDetails" /> 

和查询是：

var nameFieldContent = $('.orderDetails input[name="name"]'); 
console.log(nameFieldContent); 

的console.log不显示任何匹配的元素。

Answer 1

您的选择器是错误的，因为类以及name属性属于同一个元素，但是您在选择器中使用了后代关系。

var nameFieldContent = $('input[name="name"].orderDetails'); 

你的选择会寻找与名称name这是一个元素中有orderDetails类像<div class="orderDetails"><input type="text" name="name" /></div>

Answer 2

试图改变自己的选择如下图所示，

$('input[name=name].orderDetails'); 

你的选择会做的是什么，

$('.orderDetails input[name="name"]'); 
// --------------^ Search for descendant elements inside .orderDetails 

---

特别提示：你不需要来包装属性的由于它的值包含单个单词，因此它们在引号内的值。

Answer 3

类名和输入相同的水平。所以，你不应该使用空间的B/W类的输入元素input.if它用于像后代选择

$('input.orderDetails[name="name"]'); 

Answer 4

它应该是

$('input[name="name"].orderDetails');