Установить первый дочерний элемент в li с активным состоянием

Question

Это простой вопрос jQuery, но я действительно noob с javascript, надеюсь, вы, ребята, можете мне помочь.

Дело просто, в основном мне нужно в <ul> <li> структуру:

• Установите параметр первого ребенка «всегда» в <li> с активным классом.

Любая помощь?

Спасибо в продвижении.

Answer 1

Следующий фрагмент кода будет добавлен active класс к щелкнули элемента списка, изменить порядок списка, так что становится первый ребенок своего родителя, и удалить active класс от своих братьев и сестер:

$("ul").on("click", "li", function() { 
    var $this = $(this); 
    $this.addClass("active") 
     .prependTo($this.parent()) 
     .siblings().removeClass("active"); 
}); 

Answer 2

ли вы имеете в виду:

 

$("ul li:eq(1)").addClass("active"); 
 

Answer 3

Вы пытаетесь получить ссылку на первый li в ul?

var li = $("ul li:first"); 

Вы пытаетесь получить ссылку на li с class="active"?

var li = $("ul li.active"); 

После того, как у вас есть ссылки вам нужно, вы можете задать атрибуты или innerHTML:

$(li).attr("class", "active"); 
$(li).addClass("active"); 
$(li).text("abc"); 

Answer 4

Попробуйте

<ul id="special"> 
    <li>Coffee</li> 
    <li>Tea</li> 
    <li>Milk</li> 
</ul> 


$(document).ready(function() 
{ 
$("#special li:eq(0)").addClass("active"); 
}) 

Проверьте это в скрипке http://jsfiddle.net/UsvRs/

Answer 5

<ul> 
    <li>list item 1</li> 
    <li>list item 2</li> 
    <li>list item 3</li> 
    <li>list item 4</li> 
    <li>list item 5</li> 
    </ul> 

если выше ваша структура уль лития вы можете использовать ниже сценарий.

$(document).ready(function() 
{ 
$('li').eq(0).addClass("active"); 
});