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

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

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

<ul><li class='a'></li><li class='a'></li></ul>可以

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

var a=$(this)index;

//或者

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

}

二、而对于不同级(非兄弟元素),如:

<div class='a'></div>

<div><div 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");

});

<style>

container {

}

blue {

height: 30px;

width: 60px;

background: burlywood;

margin-bottom: 1px;

}

</style>

<div class="container">

<div class="blue"></div>

<div class="blue"></div>

<div class="blue"></div>

<div class="blue"></div>

<div class="blue"></div>

<div class="blue"></div>

</div>

<script>

$(document)ready(function(){

$("blue:first")css("background","red");

});

</script>

很简单吧,举一反三,好好加油

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。

2、在indexhtml中的<script>标签,输入jquery代码:$('body')append($('a')attr('id'));。

3、浏览器运行indexhtml页面,此时成功获取到了a标签的id值。

jquery从后台获取list数据,并遍历出来。

代码如下:

参考代码及注释说明

var list;//ajax 异步从后台取回的json [{id:1},{id:2}]

for(var i=0;i<listlength;i++){ //for循环变量,变量在list取值的个数

    consolelog(list[i]id);//ID为假设的属性

}

延伸,javascript中并没有能够兼容所有的foreach。需要自己封装类似的方法。如果你采用类库就相对简单。

以上就是关于jquery 怎么获取当前点击class 是第几个全部的内容,包括:jquery 怎么获取当前点击class 是第几个、jq怎样获取到页面中第一个相同命名的class、jquery怎么获取a里面某个标签的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9273404.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存