2016-08-05 2 views
0

У меня возникла проблема, когда я не могу настроить таргетинг на 2nd дочерний элемент li и использовать его в условном выражении. Условные условия jQuery не работают с li:nth-child(2)?Таргетирование второго дочернего элемента li в условном выражении jQuery

if($(".steps ul li:first-child").attr('aria-selected') == "true") { 
    $(".steps ul li:first-child").append("<div class='step-img'><img src='../images/step1.png' alt='Step 1'></div>"); 
} 
if(".steps ul li:nth-child(2)").hasClass(".current")) { 
    $(".steps ul li:nth-child(2)").append("<div class='step-img'><img src='../images/step2.png' alt='Step 2'></div>"); 
} 

ответ

4

Вам нужно добавить $ селектор и удалить . из вашего выбора:

if(".steps ul li:nth-child(2)").hasClass(".current")) 
//^missing $ here      //^--- Remove this dot 

Это должно быть

if($(".steps ul li:nth-child(2)").hasClass("current")) 
+0

Ах да, извини, я, должно быть скопировано и вклеил это неправильно. Кажется, он все еще работает. Вот код HTML второго ребенка. '

' – robertallenbaker

+0

@RobertAllenBaker Можете ли вы сделать скрипку, пожалуйста? Я постараюсь выяснить проблему. –

+0

В основном то, что я пытаюсь сделать, это заменить текстовые шаги шагов JQuery образным индикатором выполнения. – robertallenbaker

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