Javascript.RU

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

Обращение к одному элементу класса
Доброго времени суток, подскажите пожалуйста нубу как сделать чтобы данный код
$(".cart").click(function() {
  $(".cart").toggleClass("active");
  $(".check-h").toggleClass("hidden");
});


относился только к конкретному элементу с таким классом. Например есть несколько значков корзины и по клику скрипт должен добавлять классы только той корзине, по которой нажал пользователь. Сейчас при нажатии на любую из корзин, классы применяются сразу ко всем
Ответить с цитированием
  #2 (permalink)  
Старый 03.02.2018, 22:49
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,723

$(".cart").click(function() {
  $(*!*this*/!*).toggleClass("active");
  $(".check-h").toggleClass("hidden");//без верстки нельзя сказать, как изменить этот участок
});
Ответить с цитированием
  #3 (permalink)  
Старый 03.02.2018, 23:09
Новичок на форуме
Отправить личное сообщение для destroy3r Посмотреть профиль Найти все сообщения от destroy3r
 
Регистрация: 26.09.2017
Сообщений: 7

Сообщение от Nexus Посмотреть сообщение
$(".cart").click(function() {
  $(*!*this*/!*).toggleClass("active");
  $(".check-h").toggleClass("hidden");//без верстки нельзя сказать, как изменить этот участок
});
<tbody>
<tr>
<td class="col1">Труба круглая 6х1,0 матовая AISI 304, L=6 000 мм</td>
<td class="col2">46 000</td>
<td class="col3"><span class="sale">46 000</span></td>
<td class="col4 col-input"><input type="text"></td>
<td class="col5 col-input"><input type="text"></td>
<td class="col6"><span class="cart"></span><span class="check-h hidden"></span></td>
</tr>

<tr>
<td class="col1">Труба круглая 12х1,5 шлифованная AISI 304, L=6 000 мм</td>
<td class="col2">Уточняйте</td>
<td class="col3">Уточняйте</td>
<td class="col4 col-input"><input type="text"></td>
<td class="col5 col-input"><input type="text"></td>
<td class="col6"><span class="cart"></span><span class="check-h hidden"></span></td>
</tr>

</tbody>

вот кусочек таблицы этой, не помог код (


при нажатии на <span class="cart"></span> , к нему должен присобачиться класс active и <span class="check-h"></span> должен терять класс hidden

Последний раз редактировалось destroy3r, 03.02.2018 в 23:11.
Ответить с цитированием
  #4 (permalink)  
Старый 03.02.2018, 23:16
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,723

$(".cart").click(function(){
    $(this).toggleClass("active").parent().find(".check-h").toggleClass("hidden");
//Если верстка точно не поменяется, то можно так:
//$(this).toggleClass("active").next().toggleClass("hidden");
});

Если не будет работать, то смотрите консоль.
Если и в консоли пусто будет, то оберните код в это:
$(function(){
//Тут код
});
Ответить с цитированием
  #5 (permalink)  
Старый 04.02.2018, 01:28
Новичок на форуме
Отправить личное сообщение для destroy3r Посмотреть профиль Найти все сообщения от destroy3r
 
Регистрация: 26.09.2017
Сообщений: 7

Сообщение от Nexus Посмотреть сообщение
$(".cart").click(function(){
    $(this).toggleClass("active").parent().find(".check-h").toggleClass("hidden");
//Если верстка точно не поменяется, то можно так:
//$(this).toggleClass("active").next().toggleClass("hidden");
});

Если не будет работать, то смотрите консоль.
Если и в консоли пусто будет, то оберните код в это:
$(function(){
//Тут код
});
Огромное спасибо!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите разобраться с обращение к элементу kot_k_k Общие вопросы Javascript 1 04.07.2016 10:42
Клик по одному элементу добавление класса у второго элемента, кликаем по третьему эле aleksandr8i Общие вопросы Javascript 1 24.09.2015 11:25
Добавление класса элементу при прокрутке к этому элементу patriot94 Общие вопросы Javascript 5 18.03.2014 12:41
Обращение к элементу Isaac (X)HTML/CSS 6 11.11.2011 20:18
Обращение к элементу внутри метода .ajax() roma86 jQuery 2 19.03.2010 21:52