工作單擊事件在當前指數與jQuery

我有下面的代碼在HTML工作單擊事件在當前指數與jQuery

<ul> 
 
    <li>Item1</li> 
 
    <li>Item2</li> 
 
    <li>Item3</li> 
 
    <li>Item4</li> 
 
    <li>Item5</li> 
 
    <li>Item6</li> 
 
    <li>Item7</li> 
 
    <li>Item8</li> 
 
</ul>

我想編寫一個代碼，在單擊事件所有的「禮」的標籤！

我能得到指數寬度這段代碼

$("li").click(function() { 
 
    var current = $(this).parent().children().index(); 
 
}

，但我不能做任何事情與他們，例如：我想改變當前索引顏色或添加任何CSS代碼！

我能做些什麼！

感謝您花費時間。

來源

2015-02-07 Hossein Marzban

如果您想在點擊一個li，然後改變它的顏色（或其他方式），嘗試css：

$("li").click(function() { 
    $(this).css({ 
    "width": 50px, 
    "background-color": "red" 
    // maybe other attribute pairs 
    }); 
}

API指南：http://api.jquery.com/css/

更改類也是一個好辦法：

$("li").click(function() { 
    $(this).toggleClass("new-color-new-width-li"); 
}

請檢查addClass,removeClass,toggleClass for mor E詳細： http://api.jquery.com/addClass/

http://api.jquery.com/removeClass/

http://api.jquery.com/toggleClass/

來源

2015-02-07 15:02:46 coderz

所有「禮」這個代碼運行標籤在jQuery代碼首先，我回到父母這是「用戶界面」，然後得到了它所有的孩子哪是「李」。！在這部分用「索引」我可以得到像「0」，「1」，...，「7」這樣的「li」的每個位置。但我不能做更多的事情！我想改變當前索引，當我點擊它！像改變顏色或運行另一個CSS鱈魚。 – 2015-02-07 15:21:47

@HosseinMarzban''$（this）''表示你點擊了''li''，而不是''li''標籤。我不認爲有必要獲得''li''索引，只需使用''（this）''''''''''''''''''''' – coderz 2015-02-07 15:38:29

更容易改變一個類，而不必撤銷內聯css進行下一次點擊 – charlietfl 2015-02-07 15:40:23

工作單擊事件在當前指數與jQuery

回答

相關問題