3

Всем привет, подскажите пожалуйста где ошибка

Суть в том что мне нужно проверить если class=like-r где id="colorlikreviews" , то заменить class=like-r на class=like-rs, если нет то указать class=like-r

    if($("#colorlikreviews").className == 'like-r'){
        document.getElementById("colorlikreviews").className = 'like-rs';
    }else{
        document.getElementById("colorlikreviews").className = 'like-r';    
    }

2 ответа 2

2
if ($("#colorlikreviews").hasClass("like-r")) {
  $("#colorlikreviews").removeClass("like-r");
  $("#colorlikreviews").addClass("like-rs");
} else {
  $("#colorlikreviews").addClass("like-r");
}

А ошибка, скорее всего, в id элемента: "colorlikereviews".

Update

Ух-ты! Оказывается, toggleClass хитрее, чем я думал.

function SwitchClass() {
    if ($("#colorlikreviews").hasClass("like-r")) {
      $("#colorlikreviews").toggleClass("like-r like-rs");
    } else {
      $("#colorlikreviews").addClass("like-r");
    }  
}
.like-r {
  width:200px;
  height:200px;
  background:red;
  color:yellow;
}

.like-rs {
  width:200px;
  height:200px;
  background:green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="colorlikreviews">AAA</div>
<button onclick="SwitchClass()">Click</button>

1
  • спасибо, все понял 28 мар 2017 в 16:38
2

Как проверить что class = “X”

Проверять атрибут class на равенство - плохая идея.
class нужно рассматривать как список классов(с неопределённым порядком).
Для работы с этим списком у DOM элементов есть специальный объект Element.classList.

Как проверить, что у элемента есть class X?

Вот так:

if (el.classList(hasClass('X'))) {
  // ...
}

и заменить X на Y?

Метода для подобной замены в classList нет.
Но мы всегда можем удалить один и добавить другой класс:

el.classList.remove('X');
el.classList.add('Y');

В примерах выше, el - DOM Element, субъект манипуляций.
Применительно к коду в вопросе это:

var el = document.getElementById("colorlikreviews");
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.

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