javascript - 查找包含特定数据属性的元素

Question

我有一个这样的列表

<ul id="a">
<li data-id="i1" data-pk-type="foo bar">sdfsf</li>
<li data-id="i2" data-pk-type="foo">sdfs</li>
<li data-id="i3" data-pk-type="bar baz">sfdsf</li>
<li data-id="i4" data-pk-type="qux foo">sfds</li>
<li data-id="i5" data-pk-type="baz">sdff</li>
</ul>

我想找到所有包含给定 data-pk-type 的元素。我正在尝试以下不成功的代码，因为 .data("pkType", "foo") 实际上将数据属性设置为 foo;

var $links = $("#a").find("li").data("pkType", "foo");

我可以做类似的事情

var $links = $("#a").find("li", "[data-pk-type='foo']");

但是那也行不通……我想要任何可能包含 foo 的元素。有什么建议吗？

Answer 1

描述

您应该使用 jQuerys Attribute Contains Selector [name*="value"]。

Attribute Contains Selector [name*="value"]: Selects elements that have the specified attribute with a value containing the a given substring

查看示例和 jSFiddle Demonstration

示例

$links = $("li[data-pk-type*='foo']");
alert($links.length);

会给你一个 3，所以找到了 3 个元素。

更多信息

• Attribute Contains Selector [name*="value"]
• jSFiddle Demonstration