javascript - 获取点击的元素属性(("click")

Question

HTML

<ul class="items">
  <li data-val="1">first</li>
  <li data-val="2">second</li>
  <li data-val="3">last</li>
</ul>

js

//inside document.ready event
$(".items").find("li").on("click", {value: $(this).data("val") } ,selectNode);

//the function
function selectNode(selected) {
  console.log(selected.data.value);
}

我想获取点击事件的 data-val 属性。我知道可以更改函数体内 $(this) 的位置，但我需要在函数外部执行此操作。我在代码中使用 $(this).data("val") 得到了 undefined。

Answer 1

在您的代码中，$(this) - 在父上下文中，而不是在选定的节点上下文中，使用如下代码:

var li = $(".items").find("li");
li.on("click", {value: li.data("val") } ,selectNode);

//the function
function selectNode(selected) {
  console.log(selected.data.value);
}