查找和淡出jQuery中

Question

我工作的一個項目，我想使用jQuery fadeOut元素，具有鏈接data-code等於1

<a class="removebutton" title="Remove" data-code="1"></a> 
<a class="removebutton" title="Remove" data-code="2"></a> 
<a class="removebutton" title="Remove" data-code="3"></a> 
<a class="removebutton" title="Remove" data-code="4"></a> 

我試圖做到這一點，但我被困在這裏：

var itemsInBox = $(".contentwrapper .content .removebutton").find("data-code"); 

itemsInBox.fadeOut(); 

Answer 1

正確的方法將是一切都在一個選擇組合：

個

$(".contentwrapper .content .removebutton[data-code='1']").fadeOut(); 

DOCS：http://api.jquery.com/attribute-equals-selector/

Answer 2

.find("data-code")查找DOM中的<data-code>..</data-code>元件。

你可能想要一個attribute selector：

var itemsInBox = $(".contentwrapper .content .removebutton[data-code]"); 
// ------------------------------------------------------^^^^^^^^^^^ 

這會做所有的人。如果你有一個具體的一個你想要的，你可以be more specific：

var itemsInBox = $(".contentwrapper .content .removebutton[data-code='1']"); 
// ------------------------------------------------------^^^^^^^^^^^^^^^