Как при клике по одной ссылке скриптом нажать на все ссылки с таким же data-value?

Question

[Александр]

Как решить задачу, нужно при нажатии на одну ссылку
Есть ссылка вида

<a href="#" id="link1" class="link1" data-value="1">
ССЫЛКА 1</a>
<a href="#" id="link1" class="link1" data-value="2">
ССЫЛКА 2</a>

Ниже по странице есть некое количество ссылок:

<a href="#" id="link1" class="" data-value="1" >Доп. ссылки</a>
<a href="#" id="link1" class="" data-value="1" >Доп. ссылки</a>
<a href="#" id="link1" class="" data-value="2" >Доп. ссылки</a>
<a href="#" id="link1" class="" data-value="2" >Доп. ссылки</a>
<a href="#" id="link1" class="" data-value="2" >Доп. ссылки</a>

Как при нажатии на одну верхнюю ссылку "ССЫЛКА 1" или "ССЫЛКА 2" скриптом нажимать на все "Доп. ссылки" с аналогичным data-value? т.е нажал на "ССЫЛКА 1" кликнулись две "Доп. ссылки" с data-value="1"

Comments

[WapSter]

Одинаковые id! Не используй такой код, привяжись к классу jQuery вариант

$('селектор').on('click', function(){
   $(thus).click();
{);

[Александр]

Тимур Турсунбаев, т.е.
основные ссылки

<a href="#" id="link1" class="link1" data-value="1">
ССЫЛКА 1</a>
<a href="#" id="link2" class="link1" data-value="2">
ССЫЛКА 2</a>

дополнительные

<a href="#" id="link1" class="" data-value="1" >Доп. ссылки</a>
<a href="#" id="link1" class="" data-value="1" >Доп. ссылки</a>
<a href="#" id="link2" class="" data-value="2" >Доп. ссылки</a>
<a href="#" id="link2" class="" data-value="2" >Доп. ссылки</a>
<a href="#" id="link2" class="" data-value="2" >Доп. ссылки</a>

мы обрабатываем таким скрптом?

$('link1 или link2').on('click', function(){
   $(thus).click();
{);

[WapSter]

kikher, да только там нужно убить клик по умолчанию через, event.preventdDefault();

Answer 1

[Moses Fender]

$('.link1').click(function () {
        var _that = this;
        $('[data-value="' + _that.getAttribute('data-value') + '"]').each(function (_idx, _el) {
            if (_el != _that) {
                $(_el).click();
            }
        });
    });

Comments

[Александр]

Почти работает, переключает нажимает только на одну кнопку, как сделать что бы на все?

[Moses Fender]

на все нажимает.

[Александр]

Moses Fender, пробовал ссылаться по классу, пробовал по id, все равно один клик
guryanova-bitrix-6.tw1.ru/catalog/kabinety_dlya_ru... вот, при смене цвета вверху (венге или дуб) должны цвета меняться внизу, соответсвенно на венге или дуб. и меняется только одна карточка, а не 9. =(

[Александр]

Moses Fender, да но выдает Uncaught RangeError: Maximum call stack size exceeded

[Moses Fender]

kikher, Значит зацикливается. То есть. "нажимает" ссылку, а она опять сама себя нажимает. Я ж не просто так там сравнение if (_el != _that) поставил. Нужно думать над селекторами, и как избежать зацикливания. Но я ж не вижду что у тебя там в разметке.

[Александр]

Moses Fender, у меня сейчас на странице их всего 8 таких селекторов, все они принадлежат ссылкам которые нужно кликнуть. Вот ссылка вверху цвета которые выбираешь,, а внизу блок NEW_BLOCK в котором скрип должен кликать.

[Stalker_RED]

kikher, вы же понимаете, что без телепатии сложно догадать про 8, и все такое.

Answer 2

[Stalker_RED]

Comments

[Александр]

Выбирает только первый элемент и пишет в консоль Uncaught RangeError: Maximum call stack size exceeded

[Stalker_RED]

kikher, это вы их по кругу кликаете
Если у "Доп. ссылок" есть какой-то отличительный признак - добавьте его в селектор.

[Александр]

Stalker_RED, подставляют вместо $('a').on('click', function(e)$('#dub_konion').on('click', function(e)$('.dub_konion').on('click', function(e) все равно ошибка

[Stalker_RED]

kikher, я понятия не имею что такое dub_konion и зачем вы его подставляете то как класс, то как id.
Вам нужно в момент "кликать по всем" не кликать по той ссылке, которая все это вызвала. То есть исправить нужно другой селектор, который в конце.