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'));
}

Demonstration

但是当你使用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>

Demonstration

Answer 2

在您的代码中，没有涉及jQuery。您只能使用getAttribute：

来使用Javascript

只需改变：

console.log(value);

with：

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

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

2 个答案: