jQuery如何基于数据属性值找到一个元素？

Question

jQuery如何基于数据属性值找到一个元素？我有以下场景：var el = 'li';有5个<li>在页面上，每个页面上都有一个data-slide=number属性(数字分别为1，2，3，4，5).我现在需要找到当前活动的幻灯片号，它被映射到var current = $('ul').data(current);并对每次幻灯片更改进行更新。到目前为止，我的尝试都没有成功，试图构造与当前幻灯片匹配的选择器：$('ul').find(el+[data-slide=+current+]);不匹配/返回任何…我不能硬编码的原因是li部分是，这是一个用户可访问的变量，如果需要可以更改为不同的元素，所以它可能并不总是li.对我错过了什么有什么想法吗？

Answer 1

您必须将current变成属性相等选择器：

$("ul").find(`[data-slide='${current}']`)

对于较旧的JavaScript环境(ES5和更早版本)：

$("ul").find("[data-slide='" + current + "']");