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

使用jquery在当前索引中处理单击事件,jquery,html,onclick,click,indexof,Jquery,Html,Onclick,Click,Indexof,我有下面的HTML代码 项目1 项目2 项目3 项目4 项目5 项目6 项目7 项目8 如果要在单击一个li时更改其颜色或其他样式,请尝试css: API指南: 更改类也是一种很好的方法: $("li").click(function () { $(this).toggleClass("new-color-new-width-li"); } 请检查addClass、removeClass、toggleClass以了解更多详细信息: 这段代码在jquery代码中针对所有li标记运行,首先

我有下面的HTML代码

项目1 项目2 项目3 项目4 项目5 项目6 项目7 项目8
如果要在单击一个li时更改其颜色或其他样式,请尝试css:

API指南:

更改类也是一种很好的方法:

$("li").click(function () {
  $(this).toggleClass("new-color-new-width-li");
}
请检查addClass、removeClass、toggleClass以了解更多详细信息:


这段代码在jquery代码中针对所有li标记运行,首先我返回到父界面,然后获取它的所有子界面,即li!!!在这部分中,我可以用索引得到li的每个位置,比如0,1,…,7。但我不能再做任何事了!我想在单击时更改当前索引!例如更改颜色或运行另一个CSS标记。@HosseinMarzban$这表示您单击的li,而不是所有li标记。我认为没有必要获取li索引,只需使用$this即可获取您单击的li。更改类更容易,而无需为下次单击撤消内联css
$("li").click(function () {
  $(this).toggleClass("new-color-new-width-li");
}