Как изменить содержимое элемента только в текущем блоке

Добрый вечер. Есть выпадающий список select, значение value элементов списка получаю так:
function showOption(e)
    {
      var price = e.options[e.selectedIndex].value;
    }

в select
<select onchange="showOption(this)" name="size" id="" class="style_select">

значение value - это цена товара. Так как позиций товаров на странице много, то необходимо изменять цену текущего товара (там где меняю значения выпадающего списка).

Пробовал
$('.price').html(price);

но меняются вообще все цены которые в блоке .price на всей странице.

Как это все можно осуществить?
no image

Аноним

18 ноября, 16:56
264

Нет комментариев

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

1 ответ

как вариант

$(this).parent().parent().find('.price').html(price);


количество парентов зависит от разметки... может можно и ещё упростить, но тут уже разметку нужно видеть.

no image

Аноним

18 ноября, 17:18

Нет комментариев

Добавить комментарий
Вы не можете отвечать на вопросы. Чтобы ответить на вопрос, пожалуйста залогиньтесь или зарегистрируйтесь
Работа в Украине
Вакансии от WORK.ua
Специалист технической поддержки
Днепр, Кредит Днепр, банк, ПАО
PHP developer
Луцк, Smile
Angular/React developer, 75000 грн.
Одесса, Elephanthead Soft
Программист-инженер 1С
Черкассы, Торговый Дом Поляков, ЧП
React Native Developer
Киев, Genesis