屬性等於選擇器不工作（「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');