jquery第几个,jquery第几个元素

jquery 怎么获取当前点击class 是第几个

一、如果是同级(兄弟元素)的,如:

成都创新互联是一家集网站建设,陈巴尔虎企业网站建设,陈巴尔虎品牌网站建设,网站定制,陈巴尔虎网站建设报价,网络营销,网络优化,陈巴尔虎网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

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开始计数。

如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。

如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置。

如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素,则返回-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')"根据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://hbruida.cn/article/hojgog.html