Question

我在HTML下面有代码

<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”标签写一个代码！

我可以获得此代码的索引宽度

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

但我不能对他们做任何事情，例如：我想要更改当前索引颜色或添加任何CSS代码！

我能做什么！

感谢花时间。

Answer 1

如果您想点击一个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了解详情： http://api.jquery.com/addClass/

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

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

使用jquery在当前索引中处理click事件

1 个答案: