Как нажать на все кнопки одновременно по ID кнопки?

Question

[Rostyk Ice]

Есть на странице много кнопок с однаковым ID как их нажать все одновременно?
id=btn1 на которую нажимаешь что бы нажать на все другие кнопки с id=btn3.

Answer 1

[Евгений Петров]

Есть на странице много кнопок с одинаковым ID

На этом стоит остановиться и переделать так, чтобы такого никогда не было.
Для кнопок нужно использовать либо атрибут name, либо data-атрибуты. А классы вообще-то для другого придуманы.

Update: jsfiddle.net/petroveg/v39vnyvf/3

Размещаем кнопки в коде

<button type="button" data-id="23">Раз</button>
<button type="button" data-id="23">Два</button>

Регистрируем обработчик уникального события на кнопках.

$(document).on('my:click', 'button', function (e) {
    //Действия, которые реально должны выполняться по клику на кнопке
});

Отслеживаем клик на кнопке и вызываем уникальное событие на всех кнопках с идентичным значением атрибута.

$(document).on('click', 'button', function (e) {
    $('[data-id="' + $(this).data('id') + '"]').trigger('my:click');
});

Comments

[Rostyk Ice]

Так что невозможно нажать на все кнопки?

[Rostyk Ice]

Кнопки проставляет скрипт зависимо от того сколько на странице товаров и кнопки временные и их количество всегда разное.

[Евгений Петров]

HTML

<button type="submit" name="b1">Раз</button>
<button type="submit" name="b1">Два</button>

JS

$(document).on('click', 'button', function (e) {
	console.log($(this).text());
});
$(function () {
	$('[name="b1"]').click();
});

[Rostyk Ice]

Евгений Петров: Добавил кнопкам name поставил ваш код но ничего не проиходит при нажатии.

[Евгений Петров]

Всё понятно. Вам не нужно кликать на кнопки, а ввести второе событие, которое при клике мы будем вызывать на каждой кнопке с таким же значением атрибута.

HTML

<button type="submit" data-id="23">Раз</button>
<button type="submit" data-id="23">Два</button>
<button type="submit" data-id="23">Три</button>

JS

$(document).on('my:click', 'button', function (e) {
	console.log($(this).text());
});
$(document).on('click', 'button', function (e) {
	$('[data-id="' + $(this).data('id') + '"]').trigger('my:click');
});

[Rostyk Ice]

Евгений Петров: Добавил кнопкам data-id добавил скрипт но ничего не происходит.

Answer 2

[Никита Назаров]

Идентификатор(атрибут "id" с одинаковым значением) в коде документа должен быть в единственном экземпляре, иными словами, встречаться только один раз.
Для таких случаев, как у тебя необходимо использовать атрибут "class".

Comments

[Rostyk Ice]

Так что невозможно нажать на все кнопки?

[Rostyk Ice]

Кнопки проставляет скрипт зависимо от того сколько на странице товаров и кнопки временные и их количество всегда разное.