jquery 能获取当前元素的上一个class为"xxx"的元素吗

获取baiclass＝＇aaa＇DIV元素：zhi＄（＇．aaa＇）

$("#aaa>divaaaaaa")

获取父元素id为BBB，类为aaaaaa的元素:$("# BBB >aaaaaa")

JQuery元素选择器：

JQuery使用CSS选择器来选择HTML元素。

＄（＂p＂）：选择

元素。

＄（＂p。）：选择全部

类＝“介绍”的元素。

＄（＂p＃demo＂）：选择全部

元素id＝“演示”。

扩展资料：

注意事项：

jQuery属性选择器：

jQuery使用XPath表达式来选择带有给定属性的元素。

＄（＂［href］＂）选取所有带有href属性的元素。

＄（＂［href＝＇＃＇］＂）选取所有带有href值等于＂＃＂的元素。

＄（＂［href！＝＇＃＇］＂）选取所有带有href值不等于＂＃＂的元素。

＄（＂［href＄＝＇．jpg＇］＂）选取所有href值以＂．jpg＂结尾的元素。

首先，要用jquery获取到这个元素，用attr方法可以输出这个元素的标签属性。例如：

<div id='id1' class='class2'></div>

$('#id1') 获取到这个元素，有很多种获取元素方法，可参考jquery的文档。

$('#id1')attr('id')，就是获取到ID

$('#id1')attr('class')，就是获取到整个的class样式，多个样式可以自行用空格split一下。

1next();//获取当前元素的下一个兄弟元素

2nextAll();//获取当前元素后面所有的兄弟元素

3prev();//获取当前元素的前一个兄弟元素

4prevAll();//获取当前元素前面的所有兄弟元素

5siblings();//获取当前元素的所有兄弟元素

6children();//获取一个元素的直接子元素，类似于 $(‘ul > li’)

7find();//获取一个元素的某种所有子元素，类似于 $(‘ul li’)

8parent();//获取当前元素的父元素

参考

$("#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移除掉

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

获取class='aaa'的DIV元素：$('aaa')

获取父级元素id为aaa的div元素：$("#aaa>divaaaaaa")

获取父级元素id为bbb自身类为aaaaaa的元素：$("#bbb>aaaaaa")

jQuery 元素选择器：

jQuery 使用 CSS 选择器来选取 HTML 元素。

$("p") ：选取 <p> 元素。

$("pintro") ：选取所有 class="intro" 的 <p> 元素。

$("p#demo") ：选取所有 id="demo" 的 <p> 元素。

扩展资料：

jQuery 属性选择器：

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='jpg']") 选取所有 href 值以 "jpg" 结尾的元素。

jQuery 选择器中 :last 表示最后一个元素，所以表示含有某类属性的最后一个元素可用如下代码表示

$("test-class:last")  // 表示最后一个属于test-class类的元素

示例如下：

创建Html元素

<div class="top">

<ul>

<li>list-1</li>

<li class="selected">list-2</li>

<li class="selected">list-3</li>

<li>list-4</li>

<li class="selected">list-5</li>

</ul>

<span>红色列表项表示属于selected类，d出框显示了最后一个属于selected类的元素的内容</span>

</div>

设置css样式

divtop{margin:50px;padding:10px;width:300px;height:250px;border:2px dashed #ebbcbe;}

li{padding:5px;}

liselected{color:red;font-weight:bold;}

span{color:#999;}

编写jquery代码

$(function(){

$("ul")click(function() {

alert($("liselected:last")text());

});

})

观察显示效果

就是在一个元素里有3个div你要获取第一个div的类名？？！！

这样用var name=$('div')eq(0)attr('class')

name就是第一个div的class名

以上就是关于jquery 能获取当前元素的上一个class为"xxx"的元素吗全部的内容，包括:jquery 能获取当前元素的上一个class为"xxx"的元素吗、如何用Jquery获取某一个Div的Class或者ID、jQuery获取兄弟元素的各种方法总结等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！