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']");
//  ------------------------------------------------------^^^^^^^^^^^^^^^

在jQuery中查找并淡出元素

2 个答案: