jsli點擊時加class多個li

❶ 點擊不同的li，通過js添加或刪class="excellent_nav_checked"

jquery

$("li").click(function(){
this.addClass("excellent_nav_checked"); //添加來樣自式
this.removeClass("excellent_nav_checked"); //刪除樣式

})

❷ JS控制li,滑鼠點擊時class自動加上

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type ="text/javascript">
$(document).ready(function(){
$('li').click(function(){
$(this).addClass('cur');
});
});
</script>

不可能不行，除非你的class寫的有問題，或者你沒回說清楚你的需求。答

❸ js給循環中的li添加class="active"

1、首先在html中布抄局好兩個按鈕和一個襲div，如下圖所示。

❹ js,jquery實現在div里的UL LI里加入CLASS

提示下：$("ul li:nth-child(3n)") 具體看你自己怎麼實現了

❺ js中關於給兩層的li標簽添加class的問題，求大神解答！

$(function(){
	$(".submenu").click(function(){
		$(".active").removeClass("active");
		$(".active2").removeClass("active2");
		$(this).addClass("active");
	});
	
	$(".submenu>ul>li").click(function(){
		$(".active").removeClass("active");
		$(".active2").removeClass("active2");
		$(this).parent().parent(".submenu").addClass("active");
		$(this).addClass("active2");
	});
});

這里要給下級菜單再寫一個的css樣式

我測試了一下，不知道為什麼，用一個樣式不得行

這里用的是jquery的版本，如果你要原生js的版本再追問

而且我覺得這里還有一個問題，因為所有的2級菜單初始狀態都是隱藏的，所以，只有在點擊1級菜單才會展開，這時已經點擊了1級菜單，1級菜單就應該有active樣式了，這里好像只需要給2級菜單添加個點擊事件再加個active樣式就可以了。。。不需要再給他的1級菜單添加一次樣式

❻ js設置class 頁面要自動增加<li>標簽 能否用JS生成每個增加的<LI>的CLASS

<ulid="list">
<li></li>
....
</ul>
<script>
varlist=document.getElementById("list")
//獲取ul對象
lis=list.getElementsByTagName("li")
//獲取ul下的li對象,是數組內集合容
for(vari=0,l=lis.length;i<l;i++){
lis[i].className="yangshi"+(i+1)
}
</script>

❼ jq：求助！！//當滑鼠點擊li給li賦予一個class，當滑鼠點擊另一個li的時候把上一個li的class去掉怎麼寫呀

$(function(){
$("#Tab ul > li").click(function(){
$(this).addClass("current").siblings().removeClass("current");
})
}) //給Li一個點擊事件，給當前點擊的li一個class然後去掉版同輩li的class,就這么簡權單

❽ jquery怎麼在點擊li標簽之後添加一個在class，點擊下一個li時刪除上一個class

思路：點抄擊當前li元素後是襲用removeClass()刪除所有兄弟元素（使用siblings()獲取）的class樣式，然後使用addClass()為當前li添加class。

具體演示如下：

1、HTML結構：設計三個li元素

<ul id="test">

<li>Glen</li>

<li>Tane</li>

<li>John</li>

</ul>

2、css樣式：設計一個類selected，表示選中後的效果

<style>

.selected{font-weight:bold; background: #ff99cc; color:#fff;}

</style>

3、jquery代碼：

$(function(){

$("#test li").click(function() {

$(this).siblings('li').removeClass('selected'); // 刪除其他兄弟元素的樣式

$(this).addClass('selected');// 添加當前元素的樣式

});

});

4、效果演示：

❾ js或JQ 怎麼實現點擊a 鏈接li里加個 class="current"

建議你這樣寫
<a href="xxx.html" onclick="aa ()">

先給這個li一個id,(none,可以隨便寫)
<li id="liid" class="none" ><a href="index.asp">首頁</a> </li>

<script>
function aa(){
var b=document.getelementbyid("liid");
b.classname="current";
}
</script>

PS:你想要的效果應該是點擊莫個鏈接讓這內個li的顯示效果不一樣,我的代碼能容實現你要的效果.
打字不易,如不懂可繼續問,往採納,謝謝!

❿ 求助js大神 實現點擊li增加樣式 點擊另一個同類的li移除這個樣式怎麼寫呢 目前只有點擊增加不能移除樣式

for(vari=0;i<getEls.length;i++){
	getEls[i].onclick=function(){
		for(vari=0;i<getEls.length;i++){
		getEls[i].className='';
		}
		this.className="asd1"
}

//當某個元素被點擊之後，之前的同類遍歷把他們的樣式去掉，給內現在的這容個添加樣式。