jquery - 在 jquery 中使用 find 提取 data-attr 的值

Question

我有一个按钮

<button data-attr="x" data-attr-id="y" onclick="hello(this)">Hello</button>

function hello(value)
{
console.log(value);
}

这是回归我

<button data-attr="x" data-attr-id="y" onclick="hello(this)">Hello</button>

我如何从值变量中提取 data-attr 和 data-attr-id 的值.....我认为它使用 jquery 的 find 方法...有人可以帮我获得正确的语法...谢谢

Answer 1

你可以这样做 ：

function hello(element) {
    console.log($(element).data('attr-id'));
}

示范

但是当您使用 jQuery 时，建议通过使用 jQuery 函数绑定来将 javascript 与 HTML 分开：

<button id=hop data-attr="x" data-attr-id="y">Hello</button>

<script>
    $('#hop').click(function(){
        console.log($(this).data('attr-id'));
    });
</script>

示范

Answer 2

在您的代码中，没有涉及 jQuery。您只能通过使用 Javascript 来做到这一点getAttribute：

只是改变 ：

console.log(value);

和 ：

console.log(value.getAttribute("data-attr"));
console.log(value.getAttribute("data-attr-id"));