設定された第1子要素

Question

これは、簡単なjqueryの質問ですが、私は本当にJavaScriptでnoobのよ、私はあなたたちが私を助けることができると思います。アクティブクラスで「常に」<li>に第一子のパラメータを設定し

• ：

  場合は、基本的に私は<ul> <li>構造に必要な、シンプルです。

助けが必要ですか？

ありがとうございました。

Answer 1

：あなたが必要なの参照を持っていたら

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

、あなたは属性やinnerHTMLプロパティを設定することができます最初の親の子とその兄弟から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

あなたはulの最初のliへの参照を取得しようとしていますか？

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

あなたはclass="active"でliへの参照を取得しようとしていますか？それはなるようにリストを並べ替え、次のコードスニペットは、クリックされたリスト項目にactiveクラスを追加します

$(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> 

上記の場合は、スクリプトの下に使用することができ、あなたのULのli構造です。

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