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

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

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

});

1．

jQeury有个方法：jQueryhasClass( className )

官方描述文本：Determine whether any of the matched elements are assigned the given class（确定匹配元素是否含有指定的"className'（类名字））

例子：

    $('diveq(0)')hasClass('div_class'); // 判断第一个div是否包含'div_class'这个类

2．

你也可以使用就jQuerattr('class')，把元素的class属性获取，然后使用原生的StringindexOf(searchvalue)判断是否>-1（非-1，即有匹配）

例子：

var eleClass = $('div')attr('class'), searchClass = 'class_1';

/ 这里需要先判断是否有这个属性，因为使用jQuery获取属性值的时候，如果没有，则会返回undefined /

if (eleClass && eleClassindexOf(searchClass) > -1)

{

    // 含有指定class

}

else

{

    // 没有class属性（也算不含指定class）或者不含有指定class

}

相对使用jQuery来讲，最常用这两种方法。

两个方法详解可参考jQuery官方文档。

用jQuery的html方法可以获得某个元素中的内容 ，如果元素是html标签，则可以获得页面的全部内容：例如：

$(document)ready(function(){

var html_str=$("html")html();

alert(html_str);

});

上面代码可以获得页面的全部内容。（当然要先导入jQuery）

分为以下2种情况： 

1如果css写成行内样式，可以通过获取style属性的值来判断，示例如下： 

判断id为divid的div元素是否有font-size样式：

2如果css写成类样式，可以通过获取class属性的值来判断，示例如下： 

判断id为divid的div元素是否含有类样式divclass：

描述: 为每个匹配的元素添加指定的样式类名

$('div')addClass('className');//为所有div添加名为className的class1

removeClass 

描述: 移除集合中每个匹配元素上一个，多个或全部样式。

$('div')removeClass('className');//将所有div上名为className的class移除1

toggleClass 

描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类。

$('div')toggleClass('className');//如果div上有这个class就删除，没有就添加。

太多了 不明白你想干什么 你是想处理多个class是吧 想怎么获取？用each方法就可以了

$("nav")each(function(index,item) {

    $(this)……//这个就是jquer循环获取的class对象 你可以用来处理你的逻辑

});

$("#btnAdd")click(function(){

    $("<span/>")appendTo("#addTagDiv")html($("#textAdd")val())addClass("spanTag")click(function(){

    //这里面的this就是当前这个span的dom元素

    //$(this)就是当前span的jquery对象，你可以对他们进行任何 *** 作

    //比如现在我就移除当前这个span

    $(this)remove();

})

});

//最后整个代码的意思就是一个ID为btnAdd的元素单击时则追加一个span元素到ID为addTagDiv的元素内，该span的html为一个ID叫textAdd元素的value属性值。然后单击任何一个新增的span元素将会把这个span移除掉

//代码没有测试，如有问题请继续追问

以上就是关于jquery 怎么获取当前点击class 是第几个全部的内容，包括:jquery 怎么获取当前点击class 是第几个、怎么使用jquery判断一个元素是否含有一个指定的类、怎么通过js或者jquery获取一个页面里面的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！