如何使用只有“数据捕获”而没有类的JQuery单击按钮？

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();

更长的答案是:您选择一组按钮(在您的情况下，它是一个包含单个元素的集合，即要单击的按钮)，并为此调用click函数。您也可以像将来那样使用属性等于选择器：

[attributename="value"]