Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.06.2018, 18:15
Новичок на форуме
Отправить личное сообщение для avator41 Посмотреть профиль Найти все сообщения от avator41
 
Регистрация: 21.06.2018
Сообщений: 7

Добавлять число к ID
Есть код:
var ido = "#product-"+i;

$(ido + ' .white').click(function(){
      $(ido + " .color-img img").attr('src', $(ido + ' .radio-white').attr('data-path'));
       $(ido + " .color-text").text( $(ido + ' .radio-white').attr('data-text'));
});


Как сделать, чтобы вместо i подставлялись числа 1,2,3,4 и т.п
Чтобы получался id #product-1, #product-2, #product-3 и т.п
Что-то не получается(((
Ответить с цитированием
  #2 (permalink)  
Старый 21.06.2018, 18:21
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

и про циклы почитайте

https://developer.mozilla.org/ru/doc...терации
Ответить с цитированием
  #3 (permalink)  
Старый 21.06.2018, 18:23
Новичок на форуме
Отправить личное сообщение для avator41 Посмотреть профиль Найти все сообщения от avator41
 
Регистрация: 21.06.2018
Сообщений: 7

Сообщение от j0hnik Посмотреть сообщение
и про циклы почитайте

https://developer.mozilla.org/ru/doc...терации

Нет, ID разные у элементов, класс white в каждом блоке есть

Последний раз редактировалось avator41, 21.06.2018 в 18:26.
Ответить с цитированием
  #4 (permalink)  
Старый 21.06.2018, 18:26
Новичок на форуме
Отправить личное сообщение для avator41 Посмотреть профиль Найти все сообщения от avator41
 
Регистрация: 21.06.2018
Сообщений: 7

Читал, не получалось(
Ответить с цитированием
  #5 (permalink)  
Старый 21.06.2018, 18:26
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

this.id - означает id элемента по которому кликнули.
Ответить с цитированием
  #6 (permalink)  
Старый 21.06.2018, 18:27
Новичок на форуме
Отправить личное сообщение для avator41 Посмотреть профиль Найти все сообщения от avator41
 
Регистрация: 21.06.2018
Сообщений: 7

Клик делается по элементу внутри блока с ID
Ответить с цитированием
  #7 (permalink)  
Старый 21.06.2018, 18:29
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

скиньте html
Ответить с цитированием
  #8 (permalink)  
Старый 21.06.2018, 18:31
Новичок на форуме
Отправить личное сообщение для avator41 Посмотреть профиль Найти все сообщения от avator41
 
Регистрация: 21.06.2018
Сообщений: 7

var ido = "#product-"+i;

$(ido + ' .white').click(function(){
      $(ido + " .color-img img").attr('src', $(ido + ' .radio-white').attr('data-path'));
       $(ido + " .color-text").text( $(ido + ' .radio-white').attr('data-text'));
});
$(ido + ' .black').click(function(){
      $(ido + " .color-img img").attr('src', $(ido + ' .radio-black').attr('data-path'));
       $(ido + " .color-text").text( $(ido + ' .radio-black').attr('data-text'));
});


<div class="color-item" id="product-1">
						<div class="color-img" ><img src="img/white.jpg" alt="Белый" ></div>
						<div class="color-input">
							<div class="color-radio">
								<input type="radio" name="item1" value="" data-path="img/white.jpg" data-text="Белый" checked id="color1" class="radio-white">
								<label for="color1" class="white"></label>
							</div>
							<div class="color-radio">
								<input type="radio" name="item1" value="" data-path="img/black.jpg" data-text="Черный" id="color2" class="radio-black">
								<label for="color2" class="black"></label>
							</div>
						</div>
						<p class="color-text">Белый</p>
					</div>
					<div class="color-item" id="product-2">
						<div class="color-img" ><img src="img/white.jpg" alt="Белый" ></div>
						<div class="color-input">
							<div class="color-radio">
								<input type="radio" name="item1" value="" data-path="img/white.jpg" data-text="Белый" checked id="color3" class="radio-white">
								<label for="color3" class="white"></label>
							</div>
							<div class="color-radio">
								<input type="radio" name="item1" value="" data-path="img/black.jpg" data-text="Черный" id="color4" class="radio-black">
								<label for="color4" class="black"></label>
							</div>
						</div>
						<p class="color-text">Белый</p>
					</div>




Последний раз редактировалось avator41, 21.06.2018 в 18:33.
Ответить с цитированием
  #9 (permalink)  
Старый 21.06.2018, 18:39
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

avator41,
что хотите сделать?
Ответить с цитированием
  #10 (permalink)  
Старый 21.06.2018, 18:41
Новичок на форуме
Отправить личное сообщение для avator41 Посмотреть профиль Найти все сообщения от avator41
 
Регистрация: 21.06.2018
Сообщений: 7

Сообщение от рони Посмотреть сообщение
avator41,
что хотите сделать?
При нажатии на чёрный/белый меняется картинка и текст внизу
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Конвертер (перевод) систем счисления helloterry8 Общие вопросы Javascript 7 11.05.2018 22:24
Угадай число. Помогите написать скрипт и по возможности объяснить, как работает Vadim Zhizherin Общие вопросы Javascript 3 04.05.2018 21:09
передать параметры (количество ячеек, минимальное число и максимальное число)? Почему SilentBelka Элементы интерфейса 4 19.10.2017 16:09
игра угадай число. что я сделала не так? 2 раза выбираю число и он выкидывает... olikbel2017 Общие вопросы Javascript 8 07.10.2017 01:41
Как найти наибольшее число и ввести его на экран? Ivan152 Оффтопик 2 20.05.2012 20:13