JQUERY如何获得某元素父级的父级

JQUERY如何获得某元素父级的父级,第1张

jquery中parent()可以获取父级元素,所以获得某元素父级的父级可以使用

$(selector)parent()parent();

示例如下

创建Html代码及css样式

<div class="class1">

class1

<div class="class2">

class2

<div class="class3">

class3

</div>

</div>

</div>div{padding:10px 20px;border:4px solid #ebcbbe;}

divclass1{width:200px;height:120px;}

编写jquery代码

$(function(){

$("divclass3")click(function() {

obj = $(this)parent()parent();

alert(objprop('class'));

});

})

查看效果

这是Jquery UI官网上的一个例子,我改了一下,你直接复制就能用了。

<html lang="en">

<head>  

<meta charset="utf-8" />  

<title>jQuery UI Draggable + Sortable</title> 

<link rel="stylesheet" href=">

发现答非所问的人还不少啊

取父窗口的元素方法:$(selector, windowparentdocument);

那么你取父窗口的父窗口的元素就可以用:$(selector, windowparentparentdocument);

类似的,取其它窗口的方法大同小异

$(selector, windowtopdocument);

$(selector, windowopenerdocument);

$(selector, windowtopframes[0]document);

希望对你能有帮助

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

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

2、在indexhtml中的<script>标签,输入jquery代码:

$('body')append($('#c')parent()prev()attr('id'));

3、浏览器运行indexhtml页面,此时成功获取了id为c的元素的父元素的上一个元素的id并打印了出来。

$(this)parent()是获取当前焦点的父标签而获取当前焦点的父标签的标签名基本都是知道这个父标签的标签名来获取这个标签的例

如$(this)parents('input');但如果你非要这样做最好你自己在定义的时候就写个没用的属性然后获取这个属性里的

value例如:<input tagName="input" type="text"/>tagName

是自定义的属性然后你这样获取$(this)parent()attr('tagName');

没必要想的那么复杂吧 ,给span直接加入样式

<input type="text" class="text" name="name" onblur="checkName()"/>

<span style="color: red;display: none;" id="sid">名字不能为空!</span>

JS: function checkName(){

var name=$("input [name='name']")val();

if($(name)trim()==""){ //如果名字为空,让span显示

documentgetElementByIdstyledispaly="block;

}

}

代码没有测试,但应该问题不大

$(selected)parents(selected)siblings();

parents(selected)先找到你指定的父级,siblings()遍历它的兄弟节点,不分前后

以上就是关于JQUERY如何获得某元素父级的父级全部的内容,包括:JQUERY如何获得某元素父级的父级、怎么实现jQuery树(tree)的文件拖动功能还有获取父节点(getparent),子节点(getchilren)的功能、js/jquery如何获取获取父窗口的父窗口的元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存