Как добавить class active всем span именно одного блока?

Question

[KRHD]

<p class="size"><span class="active">80</span><span class="noactive">100</span><span class="noactive">110</span></p>

Это в каждом товаре стоит.
Сейчас есть такой скрипт

$(document).ready(function(){
        $('.size span').click(function(){  
	        $('.size span').siblings().removeClass('active').addClass('noactive');
		$(this).addClass('active').removeClass('noactive');
		$size = $(this).html();
	}); 
});

Как сделать чтоб span именно этого блока стали неактивными

$('.size span').siblings().removeClass('active').addClass('noactive');

Этим кодом все span на странице становятся неактивными, кроме того, какой был кликнут

Сразу хочу заметить, что у блоков нету ID уникального.

Answer 1

[Радость моя]

ну вам нужно его как-то уникализировать. или класс еще один к нему добавить, или если вы знаете его порядковый номер внутри родителя то через ф-ю .eq(номер)

Comments

[KRHD]

<div class="col-lg-4">
					<div class="card">
						<a data-fancybox href="img/prod/b/цирк.jpg"><img class="img-width" src="img/prod/s/цирк.jpg"></a>		
						<hr>
						<h4 id="nametubing">Цирк</h4>
						<p>Выберите размер:</p>
						<p class="size"><span class="active">80</span><span class="noactive">100</span><span class="noactive">110</span></p>
						<p class="price"><span>1950 руб</span></p>
						<hr>
						<a data-toggle="modal" href="#myModal1" class="btn">Купить в 1 клик</a>
					</div>
				</div>

как получить id блока самого по клику на size->span

[Радость моя]

KRHD, если вам нужно поменять сам span на котором происходит клик то меняйте его через this

$('span').click(function(){
   $(this).addClass......
})

т.е. в this будет именно тот элемент который вызвал событие.

Answer 2

[s-jet]

Наверное как-то так