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

Question

i have a list of items, each item is a button with a unique data-id like this

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

i need to click on the button using the console

how would i select the button using only it's specific data-id (and Click on the button) using only javascript or jQuery, in the console?

the below answer is not a solution, because i cannot use the CSS query selector jQuery get an element by its data-id

"the below answer is not a solution" - Why did you accept it? — AbsoluteBeginner, Dec 22 '20 at 17:43
"the below answer" is referring to the question i linked in my question. the question was similar, and i wanted to demonstrate that i looked through stack exchange before asking my question — yoni chanowitz, Dec 29 '20 at 17:00

score 1 · Accepted Answer · answered Dec 22 '20 at 17:06

1

In jQuery, you would do it like so:

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

answered Dec 22 '20 at 17:06

Tammy Shipps

1

thank you! it worked. stackOverflow doesn't let me upvote your answer – yoni chanowitz Dec 22 '20 at 17:13
do you know where in the docs it explains how your answer works? specifically the square brackets? – yoni chanowitz Dec 22 '20 at 17:15
No worries! Yes, indeed, here's a link: https://api.jquery.com/attribute-equals-selector/ You can actually target any attribute on a DOM element this way. – Tammy Shipps Dec 22 '20 at 17:28

score 1 · Answer 2 · answered Dec 22 '20 at 17:07

1

You can select using query selector in javascript

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

Jquery

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

answered Dec 22 '20 at 17:07

Viresh Mathad

PeterKA · Answer 3 · 2020-12-22T21:00:42.973

0

Let's say the data-id you're targeting is:

const id = `sample`;

Then you can enter the above line followed by the following in the console to select it:

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

edited Dec 22 '20 at 21:00

answered Dec 22 '20 at 17:13

PeterKA

3 Answers3