私は次のものを持っています:
Javascript:
$(".bg .thumb_wrapper").click(function() {
$(".bg .thumb_wrapper").removeClass("active");
$(this).addClass("active");
});
したがって、新しい背景をクリックするたびに、その背景が強調表示され、「アクティブ」クラスが与えられ、前のアクティブなクラスが削除されます。
これで、変数を作成して、そのアクティブなアイテムのdata-name属性に設定するだけです。
HTMLは次のとおりです。
<div class="thumb_wrapper active">
<img src="images/backgrounds/thumb/bg2.jpg" data-name="bg2.jpg">
</div>
したがって、クリック機能に入れると、正常に機能します。
var bg = $(".bg .thumb_wrapper.active img").attr("data-name");
console.log(bg);
クリックするたびに値が表示されます。ただし、その関数の外部でその変数にアクセスする必要があるため、グローバルである必要があります。
クリック機能ではなく、ページの先頭でdata-nameの値を取得するためにできることはありますか?そして、新しいBGをクリックしてアクティブなクラスが更新されると、変数も更新されますか?
それが理にかなっていることを願っています。
ありがとう!