jQuery 获取祖先、后代、同胞元素

详情:http://www.w3school.com.cn/jquery/jquery_traversing_ancestors.asp

parent() 方法返回被选元素的直接父元素。(常用)

parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。

parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。 

 

 

详情:http://www.w3school.com.cn/jquery/jquery_traversing_descendants.asp

children() 方法返回被选元素的所有直接子元素。

find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。

详情:http://www.w3school.com.cn/jquery/jquery_traversing_siblings.asp

siblings() 方法返回被选元素的所有同胞元素。

next() 方法返回被选元素的下一个同胞元素。

nextAll() 方法返回被选元素的所有跟随的同胞元素。

nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。

jQuery prev(), prevAll() & prevUntil() 方法

prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:

它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。

详情:http://www.w3school.com.cn/jquery/jquery_traversing_filtering.asp

first() 方法返回被选元素的首个元素。

last() 方法返回被选元素的最后一个元素。

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

(匹配某元素的 第几个元素:$("p").eq(1).html();)

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

not() 方法返回不匹配标准的所有元素。(not() 方法与 filter() 相反。)

时间: 2024-08-01 13:41:47

jQuery 获取祖先、后代、同胞元素的相关文章

jQuery获取表单各元素的值

radio值获取 $("input[type='radio']:checked").val(); 2,设置指定的项为当前选中项 $("input[type='radio']").eq(1).attr("checked",true);//设置第二项为选中项 <input type="text" name="textname" id="text_id" value="&quo

jQuery获取动态添加的元素,live和on的区别

今天给大家说一下如果用jQuery获取动态添加的元素,通常如果你在网页上利用jQuery添加一个元素,那么用平常的jQuery获取元素的方法无效的获取不到的.可以用以下的方法获取动态元素!假设我们现在需要获取网页动态添加的div元素,并绑定click事件! 在jQuery1.9版本以前,可以用live方法: $('div').live('click' function () { // }); 在jQuery1.9版本以后,live方法被删除,用on方法来代替: 如果你用这样使用on方法的话,那么

jQuery获取动态生成的元素

需求描述:页面上可以动态添加数据,比如table,点击按钮可以动态添加行.又或页面 加载时table数据是通过ajax从后台获取的.而这时我们想要获取其中的某个值,又该如何获取呢? 如果是要通过某个事件来获取的比如click,mouseover等等,则可以使用live()方法 $(".button").live("click",function(){ console.info($("#mytd").html()); }) live()的详细说明参

解析jquery获取父窗口的元素

("#父窗口元素ID",window.parent.document); 对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID"): 取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);类似的,取其它窗口的方法大同小异$(sele

jquery 获取父窗口的元素 父窗口 子窗口

$("#父窗口元素ID",window.parent.document);  对应javascript版本为window.parent.document.getElementByIdx_x("父窗口元素ID"):   取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document); 类似的,取其它窗口的方法大同小异$

JQuery获取与设置HTML元素的值value

JQuery获取与设置HTML元素的值value 作者:简明现代魔法图书馆 发布时间:2011-07-07 10:16:13 20481 次阅读 服务器君一共花费了13.221 ms进行了6次数据库查询,努力地为您提供了提供了这个页面. val()方法 此方法类似于JavaScript中的value属性,可以用来设置和获取元索的值.无论元素是文本框,下拉列表还足单选框,它都可以返回元素的值.如果元素为多选,则返回一个包含所有选择的值的数组.先看看下面的效果演示: 欢迎访问简明现代魔法图书馆 简单

jQuery获取所有父级元素及同级元素及子元素的方法

1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素,依次上溯 2.获取同级元素 $("#id").next(selector) 获得匹配元素紧邻的下一个同胞元素.如果提供选择器,则取回匹配该选择器的下一个同胞元素. $("#id").nextAll(selector) 获

Js/Jquery获取iframe中的元素

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素. JavaScript 在父窗口中获取iframe中的元素 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById

Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素  1. 格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementByIdx_