Skip to content

$.all()

Arthur Guiot edited this page Jul 6, 2017 · 1 revision

How it works?

Do you know the .each() function in jQuery? Well, the $.all() is almost the same. You simply select elements and it will iterate the same action through each element selected.

How to use it?

It's super simple, you simply have to give it a list of elements (to do this, simply use this model: $.select(".myClass")), and the action as a callback.

Example:

Let's say you have 2 button executing the same action.

HTML:

<button class="firstButton buttonForActionX"></button>
<button class="secondButton buttonForActionX"></button>

JS:

$.all($.select(".buttonForActionX"), function(element) {
    $.on(element, "click", () => { alert("You clicked on me") }); // Using ES6, but only because this time it's more readable.
});

⚠️ Questions?

Don't hesitate to ask your questions ⁉️ in the issue part 😁

Clone this wiki locally