0

Вопрос в названии. Есть список label-ов, делаю так, но удаляет лишь в одном div.

$("#chat-box").removeClass("view-chat-box");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<label class='view-chat-box' id='chat-box'>list 1</label>
<label class='view-chat-box' id='chat-box'>list 2</label> 
<label class='view-chat-box' id='chat-box'>list 3</label>

Есть такой вариант, но здесь ко всем div на странице. Не подходит.

$('div').removeClass('view-chat-box');

Можно ли обойтись без циклов и как то применить этот код ко всем div-ам?

3
  • 1
    не использовать один id на несколько дивов, а сразу выбирать по классу
    – Grundy
    20 окт 2016 в 10:55
  • 1
    А ничего, что id может быть только один на странице?!
    – SVE
    20 окт 2016 в 10:57
  • 1
    у вас в коде нет ни одного дива
    – tCode
    20 окт 2016 в 10:59

3 ответа 3

3
Id на странице может быть только один, потому так функция не будет работать

$("#chat-box").removeClass("view-chat-box");
$("#chat-box-1").removeClass("view-chat-box");
$("#chat-box-2").removeClass("view-chat-box");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<label class='view-chat-box' id='chat-box'>list 1</label>
<label class='view-chat-box' id='chat-box-1'>list 2</label> 
<label class='view-chat-box' id='chat-box-2'>list 3</label>

разве, что так

$(".view-chat-box").removeClass("view-chat-box");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<label class='view-chat-box' id='chat-box'>list 1</label>
<label class='view-chat-box' id='chat-box-1'>list 2</label> 
<label class='view-chat-box' id='chat-box-2'>list 3</label>

или так

2
  • или чтобы не для каждого id: $("[id*='chat-box-']").removeClass("view-chat-box");
    – SVE
    20 окт 2016 в 11:00
  • через for() цикл нужно прогонять. но так быстрее согласен) 20 окт 2016 в 11:02
1

Ну так то ID должен быть уникальным , ну а вообще вот так:

$(".view-chat-box").removeClass("view-chat-box");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<label class='view-chat-box' id='chat-box'>list 1</label>
<label class='view-chat-box' id='chat-box'>list 2</label> 
<label class='view-chat-box' id='chat-box'>list 3</label>

7
  • Вот как, спасибо. Не знал что по id так не работает. 20 окт 2016 в 10:57
  • @АльбертУшаков, по id работает, просто jQuery в последних версиях научился брать только первое вхождение, как и требуется.
    – Grundy
    20 окт 2016 в 10:59
  • @Grundy Извините, а Вы случаем не знайте ли как удалять определенный класс, если их в label несколько и ставить за поиск уникальный класс. То есть class=''view-1 view-chat-box", class=''view-2 view-chat-box" ... удалять нужно "view-chat-box"? 20 окт 2016 в 13:35
  • @АльбертУшаков, чем не подходит принятый ответ? .removeClass("view-chat-box") удалит только класс "view-chat-box"
    – Grundy
    20 окт 2016 в 13:42
  • @Grundy Понимайте, у меня есть группы этих div, к примеру "view-1" может быть несколько и нужно удалить именно в этой группе class "view-chat-box" а стальные не трогать. Делаю так: $('view-1').removeClass("view-chat-box"); Не срабатывает. 20 окт 2016 в 13:58
0

Удаляйте класс у тега label

$("label").removeClass("view-chat-box");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<label class='view-chat-box' id='chat-box'>list 1</label>
<label class='view-chat-box' id='chat-box'>list 2</label> 
<label class='view-chat-box' id='chat-box'>list 3</label>

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.