单击基于自定义数据 ID 的按钮，使用控制台

Question

我有一个项目列表，每个项目都是一个具有唯一性的按钮 data-id 像这样

<button type="button" class="stuff" data-id="123">

我需要使用控制台点击按钮

如何在控制台中仅使用 select 仅使用特定 data-id（并单击按钮）的按钮 javascript 或 jQuery？

下面的答案不是解决方案，因为我无法使用 CSS 查询 select 或者 jQuery get an element by its data-id

Answer 1

在jQuery中，你会这样做：

$("[data-id]") // all elements with data-id
$("button[data-id]") // all buttons with data-id
$("button[data-id]").click() // trigger click

Answer 2

您可以 select 使用查询 select 或 javascript

document.querySelector('[data-id="123"]').click();

Jquery

$("[data-id='123']").click()

Answer 3

假设您要定位的 data-id 是：

const id = `sample`;

然后你可以在控制台中输入上面一行然后输入下面的内容到select它：

$(`[data-id="${id}"]`).click();
//OR
$('[data-id]').filter((i,b) => $(b).data('id') === id).click();

click on button based on custom data-id, using console