次のようなシナリオがあります。
var el = 'li';
<li>ページには5 個あり、それぞれにdata-slide=number属性があります(番号はそれぞれ 1、2、3、4、5)。
ここで、スライドが変更されるたびにマッピングされ更新される、現在アクティブなスライド番号を見つける必要がありますvar current = $('ul').data(current);。
これまでのところ、現在のスライドに一致するセレクターを構築しようとしましたが、失敗しています。
$('ul').find(el+[data-slide=+current+]);
何も一致しない/何も返さない…
この部分をハードコードできない理由liは、これがユーザーがアクセス可能な変数であり、必要に応じて別の要素に変更できるため、必ずしも ではないからですli。
何が足りないのか、何かアイデアはありますか?
ベストアンサー1
currentの値を属性が等しいセレクタ：
$("ul").find(`[data-slide='${current}']`)
古い JavaScript 環境 ( ES5以前) の場合:
$("ul").find("[data-slide='" + current + "']");