jquery怎么获取当前元素的父元素

jquery怎么获取当前元素的父元素,第1张

这样:

<ul class="parent1">

    <li><a href="#" id="item1">jquery获取父节点</a></li>

    <li><a href="#">jquery获取父元素</a></li>

</ul>

扩展资料:

注意事项

parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。

parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。

可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。

<div id='div1'>

<div id='div2'><p></p>

</div><div id='div3' class='a'><p></p></div>

<div id='div4'><p></p></div>

</div>

使用jquery 获取class,jquery得到class需要知道使用jquery获取属性的方法,class本身也是元素的一个属性,jquery 获取class属性是经常要做的一个 *** 作,由于class本身也是元素的一个属性,所以可以通过attr方法来获取class的值,代码如下:

$('#demo')attr('class');

也可以使用javascript的元素对象来获取,代码如下:

$('#demo')[0]className;

jquery 设置class也是用的attr方法。

点击启动Wegame,点击右上角菜单,打开辅助工具即可。

aDivclick(function(){

$(this)siblings()亲,直接这样就可以了

var aDiv=$("class1")hide();

})

remove(); //div class=">test&quot:

1思路。

下面进行实例演示——点击某个div后,删除同级的其余div元素:获取被点击元素之外的元素,使用remove()方法删除节点;tes

<div class="content"3<//div>&gt、jquery代码

$(function(){

$(">

<div>

<div class="test">2&lt,然后使用remove()删除

}); 使用siblings获取被点击元素之外的同级元素;

</div>1</

jQuery支持相当完整的一套子集,同时还添加了一些非标准但很有用的伪类。注意:本节讲述的是 jQuery选择器。其中有不少选择器(但不是全部)可以在CSS样式表中使用。选择器语法有三层结构。你肯定已经见过选择器中最简单的形式。

在开发过程中,jQueryhtml() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过jQueryprop("outerHTML")的方式设置。

很多jQuery的使用者都对这一问题深感疑惑。为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢?

因为原生JS DOM里有一个内置属性 outerHTML (看清大小写哦,JS是区分大小写的)用来获取当前节点的html代码(包含当前节点),所以用jQuery的prop()能拿到

一、jquery获取outerhtml

<div class="test"><p>hello,你好!</p></div>

<script>

$("test")prop("outerHTML");

</script>

二、jquery设置outerhtml

 $(

'test'

)prop(

'outerHTML'

'<input>'

);

jquery通过任何选择器取得的对象都是jquery对象而不是JavaScript的dom对象不能用js的方法进行 *** 作 而需要使用jquery对象支持的方法 如果是通过class的话取得的是jquery对象数组

ps 如果想把jquery对象装换为js对象可以用以下方法

1 var obj = $('#xx')[0] 获得dom对象

2 对于数组

var obj = $('xx')each(function(){

alert(this)//这里 this获得的就是每一个dom对象 如果需要jquery对象 需要写成$(this)

});

$("#div_id")height();

// 获得的是该div本身的高度, (不包含padding,margin,border)

$("#div_id")outerHeight();

// 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)

$("#div_id")outerHeight(true);

// 包含该div本身的高度, 以及padding,border,margin上下的总高度

$(window)height();

// 获取浏览器显示区域(可视区域)的高度

$(window)width();

// 获取页面的文档高度

$(document)height();

// 浏览器当前窗口文档的高度

$(documentbody)width();

// 浏览器当前窗口文档body的高度

$(document)scrollTop();

// 获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)

objoffset()top

// 某个元素的上边界到body最顶部的距离(在元素的包含元素不含滚动条的情况下)

直接使用js变量就行了。不需要做任何转换。

jquery本身也是 *** 作js,是javascript的类库。因此两者相互 *** 作不存在任何障碍。

题目问题解决:

function motionStep(step){

 $("div#"+step)animate({height:800},"fast");//这里注意一下变量的拼接

}

以上就是关于jquery怎么获取当前元素的父元素全部的内容,包括:jquery怎么获取当前元素的父元素、jQuery获取class元素、jquery选择除了它本身之外的li怎么弄等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存