Javascript jQuery:在当前元素上添加类_Javascript_Jquery

Javascript jQuery:在当前元素上添加类

javascript jquery

Javascript jQuery:在当前元素上添加类,javascript,jquery,Javascript,Jquery,我正在尝试在我的li元素上添加类。我想在单击时添加类。当我点击按钮时，在当前li上添加css类。就像我第一次单击时，它第一次处于活动状态。第二次单击后，它在第二个li上处于活动状态 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script

我正在尝试在我的li元素上添加类。我想在单击时添加类。当我点击按钮时，在当前li上添加css类。就像我第一次单击时，它第一次处于活动状态。第二次单击后，它在第二个li上处于活动状态

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("li:first").addClass("intro");
    });
});
</script>
<style>
.intro {
    font-size: 150%;
    color: red;
}
</style>
</head>
<body>

<h1>This is a heading</h1>

<li>This is a heading</li>
<li>This is a heading</li>
<li>This is a heading</li>
<li>This is a heading</li>
<li>This is a heading</li>
<li>This is a heading</li>
<li>This is a heading</li>
<li>This is a heading</li>


<button>Add a class name to the first p element</button>

</body>
</html>

也许你可以这样做：

$(document).ready(function(){

    $("button").click(function(){
       //Find the li with the active class and add your other class
       $("li.active").addClass("your-class");
    });
})

下面是一个演示片段 $document.readyfunction{ $button.clickfunction{ $li.active.addClass'foo-class' } } .foo类{ 颜色：红色； } 忙碌的非活动

单击我计算单击事件并使用等式应用，li长度为8。因此，在达到7后应用条件，计数重置为0

var c=0； $document.readyfunction{ $button.clickfunction{ 如果c>7{ c=0； } $li.removeClass'intro' $li.eqc.addClassintro； C++； }; }; .介绍{ 字体大小：150%；颜色：红色； } 这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题这是一个标题向第一个p元素添加类名找到活动类的li并添加其他类

$(document).ready(function(){
    $("button").click(function(){
       // Find li and add other class
       var l=$("body").find("li:first-child");
       $(l).addClass("your-class");
    });
})

几乎所有东西都有可能复制你的活动元素是什么？我在你的代码中看到没有。活动或任何东西。点击按钮10次会发生什么？为什么是向下投票？你能解释为什么吗？你能解释吗explain@RokoC.Buljan看看我的代码片段Roko C.Buljain@如果你有大量的连接，这并不意味着你必须预先下载任何脚本或文件question@sanjay谢谢。我的纸条可能不符合OP的要求但这是一个有效的代码，c=c>7？0:c；。。。我们不应该通过添加HTML元素来修改JS。你能改进你的答案使你的JS更具活力吗？prasad@you therePrasad，我需要第一个Li作为一个活动类，@sanjay for default first Li是活动的。请看我的更新答案。这太棒了@谢谢你改进我的答案。