javascript - 当你有多个按钮时，如何在 JQuery 中获取自定义标签值？

Question

如何获取自定义标签值？在这种情况下，它将是“customtag”。我认为你可以用 prop 或 attr 来做到这一点？我得到的只是“未定义”。

JQuery

var value = $("button[customtag]").prop();
var value1 = $("button").attr("customtag");
alert(value);
alert(value1);

HTML

<button type='button' class='btn btn-link status_change' customtag='something' >Active</button>
<button>something</button>

Answer 1

理想情况下，您的自定义数据属性名称应以“data-”开头，以使其成为 HTML5 兼容属性。但是，您仍然可以通过以下方式使用非标准命名访问自定义标签:

var value1 = $("button").attr("customtag");
console.log(value1);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type='button' customtag='something' >Active</button>

如果您的 HTML 中有多个按钮元素，您可以使用 ID 访问此“操作”按钮。

    var value1 = $("#actionButton").attr("customtag");
    console.log(value1);

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <button id="actionButton" type='button' customtag='something' >Active</button>