К чему цепляться чтоб добавить активный класс предложению?

Question

[BerettaPiffy]

Добрый день! Есть обычный товар без предложений (зеленый), и предложения (оранжевый),
на странице будет видно только 1 предложение и переключатель, за что цепляться чтоб добавить активный класс?
или как синхронизировать переключатель с классами предложений, в js не силен

<div>
  
 <div class="" id="001">
 
				<div> <h2 >Обычный товар</h2></div>
                <div class="image"></div>
				<div class="property"></div>
				<div class="price"></div>
 
	</div>
          
       
	 <div class="" id="002">
 
				<div> <h2 >Обычный товар</h2></div>
                <div class="image"></div>
				<div class="property"></div>
				<div class="price"></div>
 
	</div>	
		
		


<div class="offer">
 <div  id="003">
 
				<div> <h2 >предложение</h2></div>
                <div class="image"></div>
				<div class="property"></div>
				<div class="price"></div>
 "переключатель"
	</div>	

 <div  id="004">
 
				<div> <h2 >предложение</h2></div>
                <div class="image"></div>
				<div class="property"></div>
				<div class="price"></div>
 "переключатель"
	</div>	
	
</div>

<div class="offer">
 <div  id="005">
 
				<div> <h2 >предложение</h2></div>
                <div class="image"></div>
				<div class="property"></div>
				<div class="price"></div>
 "переключатель"
	</div>	

 <div  id="006">
 
				<div> <h2 >предложение</h2></div>
                <div class="image"></div>
				<div class="property"></div>
				<div class="price"></div>
				"переключатель"
	</div>	
	
	<div  id="007">
 
				<div> <h2 >предложение</h2></div>
                <div class="image"></div>
				<div class="property"></div>
				<div class="price"></div>
				"переключатель"
	</div>	
	
	
</div>


		
	</div>

Comments

[Александр Никитин]

Мало что понятно. Если для текущего элемента (например id=003) есть родительский div с классом offer, то у текущего элемента (например id=003) должен быть селектор с опциями 003 и 004? Правильно?

[BerettaPiffy]

Александр Никитин, да

Answer 1

[Александр Никитин]

$(document).ready(function(){

		$(".offer").each(function(){
			var selector='<select class="your_class">';

			$(this).children().each(function(){
				selector+='<option value="'+$(this).attr("id")+'">'+$(this).attr("id")+'</option>';
			});

			selector+='</select>';

		
			$(this).children().append(selector);

		});

		$(".your_class").each(function(){
			$(this).attr('id', "selector"+$(this).parent().attr('id'));
		});
	});

Comments

[BerettaPiffy]

Подскажи, пожалуйста, как удалить класс (допустим "image") только у определенного "offer", при нажатии на переключатель?
Я пробую делать, но удаляется во всех "offer"

[Александр Никитин]

Почитайте про селекторы https://api.jquery.com/category/selectors/

Если нужно удалить div с классом image, то так:

$("select").change(function(){
	$(this).parent().children(".image").remove();
});

Удалить класс у этого элемента через removeClass()

[BerettaPiffy]

Александр Никитин, Спасибо)