2016-11-07 2 views
0

я действительно новичок в этом так голые со мнойЕсли DIV с идентификатором A имеет класс B, добавить класс X в Div с ID Y

Я это:

<div id="A" class="B"></div> 
<div id="Y"></div> 

мне это нужно :

если ДИВ #A имеет класс .B, добавить класс .Z в Див #Y

Я понимаю, что это базовый сценарий, но я не могу понять это из. Пожалуйста, помогите :)

Спасибо

+6

'if ($ ('# A'). HasClass ('B')) {$ ('# Y'). AddClass ('Z')}' – Satpal

+2

Я бы предложил вам хотя бы сканировать через [jQuery documentation] (http://api.jquery.com). Даже если вы не прочитаете его полностью, просто знание имен методов дает вам хорошее представление о том, что можно сделать и как. –

ответ

1
<script> 

    if ($("#A").hasClass("B")){ 
     $("#Y").addClass("Z") 
    } 

</script> 
0

Вы можете использовать hasClass() проверить класс существует на элементе, а затем использовать addClass() добавить класс.

$(document).ready(function(){ 
 
\t if($("#A").hasClass("B")) 
 
     { 
 
    \t $("#Y").addClass("Z") 
 
     } 
 
     console.log($("#Y").attr("class")) 
 
});
<div id="A" class="B">A</div> 
 
<div id="Y">Y<Y/div> 
 
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

0

Отредактировано :)

Так .. у меня есть это в редакторе:

enter image description here

Я это в браузере консоли в результате: enter image description here

Как вы можете видеть, #defaultCountdown получает свой класс (hasCountdown) из другого сценария, поэтому ... почему мой новый маленький скрипт не работает? :)

+0

Думаю, вам лучше задать новый вопрос. Также вы можете легко вставлять код в свой вопрос. В любом случае if-block в вашем коде не выполняется, потому что #defaultCountDown не имеет класса. Ваш код верен. – metatron

+0

@metatron я его отредактировал .. –

Смежные вопросы