Rumah > pembangunan bahagian belakang > tutorial php > javascript - 请问a标签onlick事件获取当前data-name

javascript - 请问a标签onlick事件获取当前data-name

WBOY
Lepaskan: 2023-03-02 14:42:02
asal
1387 orang telah melayarinya

javascript - 请问a标签onlick事件获取当前data-name

javascript - 请问a标签onlick事件获取当前data-name

回复内容:

javascript - 请问a标签onlick事件获取当前data-name

javascript - 请问a标签onlick事件获取当前data-name

例子代码: http://codepen.io/hj624608494...

问题出现在 this的指向 this永远指向函数执行时的对象.

<code>function choose(){
  alert($(this).data('name'));
  // undefind 因为choose函数的this指向的是window
}

function choose2(){
  $('#J_a').click(function(){
    // 这个点击事件的匿名函数的this 指向的是 $('#J_a') 这个对象
    alert($(this).data('name'));
  })
}
choose2()</code>
Salin selepas log masuk

绑定事件的时候把this传进去,onclick="choose(this)"

function choose(x){

<code>alert(x.getAttribute("data-name"))</code>
Salin selepas log masuk

}

$(this).attr('data-name');

获取属性 - attr()
jQuery attr() 方法用于获取属性值。

$('#toy').attr('data-name');

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan