jquery 当前索引中的工作点击事件

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/

改class也是个好办法：

$("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 当前索引中的工作点击事件

Working click event in current index with jquery

html

jquery

click

onclick

indexof