一、如果是同級(兄弟元素)的,如:
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),陳巴爾虎企業(yè)網(wǎng)站建設(shè),陳巴爾虎品牌網(wǎng)站建設(shè),網(wǎng)站定制,陳巴爾虎網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(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() - 設(shè)置或返回樣式屬性
例如:
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
向不同的元素添加 class 屬性。當然,在添加類時,也可以選取多個元素:
實例:
$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});
使用index()方法;
方案:$("li").index();
index([selector|element])搜索匹配的元素,并返回相應(yīng)元素的索引值,從0開始計數(shù)。
如果不給 .index() 方法傳遞參數(shù),那么返回值就是這個jQuery對象集合中第一個元素相對于其同輩元素的位置。
如果參數(shù)是一組DOM元素或者jQuery對象,那么返回值就是傳遞的元素相對于原先集合的位置。
如果參數(shù)是一個選擇器,那么返回值就是原先元素相對于選擇器匹配元素中的位置。如果找不到匹配的元素,則返回-1。
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