[解決済み] 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 .

何が足りないのか、何か思い当たることはありませんか？

解決方法は？

の値を注入する必要があります。 current を 属性が等しい セレクタを使用します。

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

古いJavaScript環境( ES5 およびそれ以前)。

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