工作单击事件在当前指数与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

回答

相关问题