javascript - jqueryで関連する「this」オブジェクトを取得するにはどうすればよいですか？

Question

これが私が持っているコードのスニペットです：

$(".block").mouseover(function() {
  $("#block_title").html("title"));
});

クラス.blockの各divにはdata-title属性があります（各data-title属性の値は異なります）。匿名関数内でこのdata-title属性にアクセスできるようにしたいと思います。

score 1 · Accepted Answer

.data次の方法を使用してアクセスできます。

$(".block").mouseover(function() {
    ...
    $("#block_title").html($(this).data('title'));
});

score 1 · Accepted Answer

jQueryで.data（）関数を使用できます

$(".block").mouseover(function() {
  $("#block_title").html($(this).data('title'));
});

score 0 · Accepted Answer

HTML5data-属性がある場合：

$(".block").mouseover(function() {
    $("#block_title").html( $(this).attr("data-title") ); //data-title value
});

または、jQueryの任意のデータtitleにプロパティがあることを意味する場合：

$(".block").mouseover(function() {
    $("#block_title").html( $(this).data("title") ); //title value in the data object
});

score 0 · Accepted Answer

このコードを参照している可能性があります。

$('.block').attr('data-title', 'This is a random value');

一致した要素のセットの最初の要素の属性の値を取得するか、一致した要素ごとに1つ以上の属性を設定します。

これがあなたの質問に答えることを願っています。

4 に答える 4