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