jQuery - 从类到自定义属性的更改

Question

我试图将基于锚类的插件更改为基于自定义属性。

所以来自：a.categoryname

to：data-category =“categoryname”

我定制的插件是： http://www.designchemical.com/blog/index.php/jquery/create-an-automatic-content-filter-using-jquery-css-classes/

我不会在这里发布所有代码，因为我几乎在那里，但是我对此行有问题：

$("#demo-list li a."+getText).fadeIn();

而不是淡入＃demo-list li a。“getText”，我希望它淡入＃demo-list li a，其属性“category-name”是“getText”

这是我可怕的尝试......

$("#demo-list li a).attr("data-category").val(getText).fadeIn();

毋庸置疑它不起作用......我知道语法不对，但不足以修复它......

有人可以帮帮我吗？

感谢

Answer 1

你可以这样做：

$("#demo-list li a[data-category='" + getText + "']").fadeIn();

这样做是使用attribute equals selector选择属性a等于data-category的{​​{1}}元素。

Answer 2

要按属性搜索，您可以使用方括号：

$("#demo-list li [data-category='"+getText+"']").fadeIn();

属性选择器的文档：http://api.jquery.com/category/selectors/attribute-selectors/

Answer 3

可能是这样，只是报价丢失了吗？

$("#demo-list li a").attr("data-category").val(getText).fadeIn();