javascript - 如何使用仅具有 'Data-capture' 且没有类的 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]");

j查询:

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