使用jQuery，如何通过数据属性和列表的ID选择单个列表项？

Question

通过指定列表中的数据属性选择列表项的正确jQuery语法是什么？这是一个示例列表：

<ul id="menu">
<li data-code="soup">Soup</li>
<li data-code="salad">Salad</li>
<li data-code="sandwich">Sandwich</li>
</ul>

从上面开始，我想同时使用列表的ID和应用于选择器中列表项的数据代码。最初我认为这样的事情会起作用，但事实并非如此。

var $menuItem = $('#menu li').attr('data-code', 'sandwich');

我正在处理的接口比这个例子更复杂，因此我想要将ID合并到选择器中。谢谢你的帮助。

Answer 1

您可以使用attribute equals selector：

$('#menu li[data-code="sandwich"]');

Answer 2

您正在寻找Attribute Equals Selector：

var $menuItem = $("#menu li[data-code='sandwich']");

我们引用li内的所有#menu元素，其data-code属性等于sandwich。