Hacker News Reader

Parent Full thread

mlrtime

what does this do exactly?

View on HN

> $(".grid-coupon-clip-button button").click();

> what does this do exactly?

The command allows you to click all buttons in the page at once:

• The dollar sign is an alias for jQuery [1];

• The text between double quotes is a CSS selector;

• Select every DOM element with a “grid-coupon-clip-button” and “button” CSS class;

• The thing at the end is a JavaScript function call which triggers an “onclick” event [2];

[1] https://jquery.com/

[2] https://api.jquery.com/click/

This is a great little write up, but the third bullet point should be:

- Select every button with a parent element that has the css class “grid-coupon-clip-button”

To be pedantic, it clicks on elements that are a button element that is the child (at any depth) of an element (of any type) that has at least the class of "grid-coupon-clip-button"

Uses javascript to find all the page elements with the coupon add button styling attributes and then uses javascript to click each add button.

*uses jquery

`$` is a built-in wrapper around `document.querySelector` in many popular browser consoles (along with `$$` for `document.querySelectorAll`).

Though of course if Safeway's website does have a global `$` from jquery then that would take precedence.

Reply on news.ycombinator.com