@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>

5f895030cdc7f570200428.jpeg
  • Вопрос задан
  • 73 просмотра
Решения вопроса 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'));
		});
	});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы