jquery 怎么獲取當前點擊class 是第幾個

一、如果是同級（兄弟元素）的，如：

成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設,陳巴爾虎企業(yè)網(wǎng)站建設,陳巴爾虎品牌網(wǎng)站建設,網(wǎng)站定制,陳巴爾虎網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,陳巴爾虎網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

ulli class='a'/lili class='a'/li/ul可以

$(".a").click(function(){

var a=$(this).index;

//或者

var a=$('.a').index(this);

}

二、而對于不同級（非兄弟元素），如：

div class='a'/div

divdiv class='a'/div/div

則只能這樣

$(".a").click(function(){

var a=$('.a').index(this);

}

擴展資料：

注意事項

jQuery 擁有若干進行 CSS 操作的方法。

1、addClass() - 向被選元素添加一個或多個類

2、removeClass() - 從被選元素刪除一個或多個類

3、toggleClass() - 對被選元素進行添加/刪除類的切換操作

4、css() - 設置或返回樣式屬性

例如：

.important

{

font-weight:bold;

font-size:xx-large;

}

.blue

{

color:blue;

}

向不同的元素添加 class 屬性。當然，在添加類時，也可以選取多個元素：

實例：

$("button").click(function(){

$("h1,h2,p").addClass("blue");

$("div").addClass("important");

});

用jquery 怎么知道我點擊的是第幾個li

使用index()方法;

方案：$("li").index();

index([selector|element])搜索匹配的元素，并返回相應元素的索引值，從0開始計數(shù)。

如果不給 .index() 方法傳遞參數(shù)，那么返回值就是這個jQuery對象集合中第一個元素相對于其同輩元素的位置。

如果參數(shù)是一組DOM元素或者jQuery對象，那么返回值就是傳遞的元素相對于原先集合的位置。

如果參數(shù)是一個選擇器，那么返回值就是原先元素相對于選擇器匹配元素中的位置。如果找不到匹配的元素，則返回-1。

JQuery獲取第幾個元素和判斷元素在第幾個

demo如下：

!DOCTYPE?html

html

head

meta?charset="UTF-8"

titletestJquery/title

script?src="js/jquery-1.8.3.js"?type="text/javascript"?charset="utf-8"/script

/head

body

input?type="text"??id="input0"?value="input元素0"?/

input?type="button"??id="input1"?value="input元素1"?/

input?type="checkbox"??id="input2"?value="input元素2"?/

input?type="hidden"??id="input3"?value="input元素3"?/

br

button?type="button"?onclick="getInputByIndex(0)"獲取第1個input元素/button

button?type="button"?onclick="getInputByIndex(1)"獲取第2個input元素/button

button?type="button"?onclick="getInputByIndex(2)"獲取第3個input元素/button

button?type="button"?onclick="getInputByIndex(3)"獲取第4個input元素/buttonbr

button?type="button"?onclick="JudgeIndex('input3')"根據(jù)id判斷元素input3的位置/button

script?type="text/javascript"

function?getInputByIndex(n){

??var?inps=$("input");

??alert($(inps[n]).val()+"?,?"+$(inps[n]).prop("type"));

}

function?JudgeIndex(elementId){

var?inps=$("input");

var?indx=-1;

for(var?i?in?inps){

if(inps[i].id==elementId){

indx=i;

}

}

if(indx-1){

alert("元素["+elementId+"]位置是["+indx+"]");

}else{

alert("元素["+elementId+"]未找到！");

}

}

/script

/body

/html

當前文章：jquery第幾個,jquery第幾個元素
文章源于：http://jinyejixie.com/article6/hojgog.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供服務器托管、Google、靜態(tài)網(wǎng)站、虛擬主機、自適應網(wǎng)站、網(wǎng)頁設計公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)