Question

这是按钮代码。它没有类，但data-capture属性为button123。有没有办法使用JQuery识别它并点击它？

<button data-capture="button123" type="button">
    <span>Button123</span>
    <svg class="icon--standard icon--xpm svgicon x" viewBox="0 0 19 19">
         <path class="svg__bg" d="M0 0h19v19h-19z"></path>
         <path class="svg__fg path--vbar" d="M9 4h1v11h-1z"></path>
         <path class="svg__fg path--hbar" d="M4 9h11v1h-11z"></path></svg><span class="xyz123 abc123">
    </span>
</button>

Answer 1

原生javascript：

var button = document.querySelector("button[data-capture=button123]");
//or
var buttons = document.querySelectorAll("button[data-capture=button123]");

jquery的：

var buttons = $("button[data-capture=button123]");

Answer 2

$("button[data-capture=button123]").click(function(){
    ...some code on click
});

Answer 3

简短回答是：

$('button[data-capture="button123"]').click();

更长的答案是：您选择一组按钮（在您的情况下，它是一个包含单个元素的集合，即要单击的按钮）并调用它的单击功能。你也可以在将来使用属性equals selector：

[attributename="value"]

如何使用仅具有“数据捕获”功能的JQuery单击按钮？没有课？

3 个答案: