Что не так при выборе?

Question

[ART4]

Добрый день, подкиньте пожалуйста идею.
На одной странице имеется 2 элемента с одинаковыми id/class.
При выборе на 1 элементе, меняется значение у всей страницы где есть class .weight_product span.
Как мне победить его, чтоб только у себя он менялся, а не везде где есть класс?

if(selected.data('for') != '') {
        var father = this.parentNode;
        var a = father.querySelector(`option[value="${this.value}"]`).getAttribute('for');
    
        if(a === a){
            $('.weight_product').find("span").text(a);
        } else {
            console.log('no');
        }
    }

Comments

[Шохрух Шаймардонов]

id не может повториться в рамках страницы! Почитайте спецификацию w3. id - уникален!
UPD. Изображение не отображается! Поправьте

[ART4]

Шохрух Шаймардонов, СКРИН
А вот выделил блок каждый классом скрин

[Шохрух Шаймардонов]

ART4, полагаю у вас уже сайт на хостинге. Киньте ссылку. По вашим скринам ничего не поделаешь

[ART4]

Шохрух Шаймардонов, Ссылка на сайт ссылка
но перед тем надо выбрать товары где имеют пару вариантов веса. (сердечко нажать в товарах)

[Шохрух Шаймардонов]

ART4, понял в чем проблема. Могу помочь завтра вечером. Без компа

[ART4]

Шохрух Шаймардонов, Проблем вывода attr везде,а надо на своём месте Видео

[ART4]

ART4, В общем додумался как то сделал) Спасибо вам, id тоже косяк был. видео

[ART4]

Шохрух Шаймардонов,
В общем додумался как то сделал) Спасибо вам, id тоже косяк был. видео

if(selected.data('for') != '') {
        var father = this.parentNode;
        var a = father.querySelector(`option[value="${this.value}"]`).getAttribute('for');
        parent.find('.weight_product span').text(a);
    }

[Шохрух Шаймардонов]

ART4, да не за что. Укажите свое решение в ответах, раз получилось

Answer 1

[ART4]

if(selected.data('for') != '') {
var father = this.parentNode;
var a = father.querySelector(`option[value="${this.value}"]`).getAttribute('for');
parent.find('.weight_product span').text(a);
}