jquery获取父级元素和子级元素

    <script type="text/javascript">
 function show(x){
    var y=$(x);//转换成jquery对象
    //查找父元素
   alert( y.parent().attr("name"));
    alert( y.parent().attr("id"));
    //查找祖先,是个集合 不包括自身
    alert(y.parents("tr").attr("name"))
    alert(y.parents("table").attr("name"))
    //closest()这个方法呢就是向上检查元素并逐级匹配。首先,会从自身来匹配,匹配成功就返回本身

    //查找第几个子元素,eq() 方法会用集合中的一个元素构造一个新的 jQuery 对象。所使用的 index 参数标示集合中元素的位置。
    alert(y.parent().children().eq(0).text());
    alert(y.parent().children().eq(1).text());
    alert(y.parent().children().eq(2).text());
    alert(y.parent().children().first().text());
    //children方法获得的仅仅是元素一下级的子元素
    //find方法获得所有下级元素
}
    </script>

</head>
<body>

<table name="表">
    <tr id="1"name="行1">
        <td>1</td>
        <td>袁海</td>
        <td onclick="show(this)">29</td>
    </tr>
    <tr id="2" name="行2">
        <td>2</td>
        <td>yuanhai</td>
        <td onclick="show(this)">29</td>
    </tr>
</table>

</body>

获取父级元素 parent parents() closest()

获取子级元素 children() find()

jQuery.siblings(),返回兄弟姐妹节点,不分前后

本文出自 “点滴积累” 博客,请务必保留此出处http://tianxingzhe.blog.51cto.com/3390077/1731667

时间: 2024-11-05 16:34:02

jquery获取父级元素和子级元素的相关文章

js与jquery获取父级元素,子级元素,兄弟元素的实现方法

 本篇文章主要是对js与jquery获取父级元素,子级元素,兄弟元素的实现方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比   JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素   原生的JS获取ID为test的元素下的子元素.可以用:   比如:   <div id="dom">     <div></d

js与jquery获取父元素,删除子元素的两种不同方法

 本篇文章主要是对js与jquery获取父元素,删除子元素的两种不同方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 var obj=document.getElementById("id");得到的是dom对象,对该对象进行操作的时候使用js方法   var obj=$("#id");得到的是jquery对象,对该对象进行操作的时候使用jquery方法   1.对于上面获得的对象进行遍历   (1).js方法  for(vat i=0;j<obj

jQuery获取父元素节点、子元素节点及兄弟元素节点的方法_jquery

本文实例讲述了jQuery获取父元素节点.子元素节点及兄弟元素节点的方法.分享给大家供大家参考,具体如下: 先来看这段html代码,整个取节点(父.子.兄弟等)的方法都是围绕这段代码来的: <ul class="par"> <li id="firstli"> <h3 class="title">条目一</h3> <ul class="par"> <li id=&

js与jQuery 获取父窗、子窗的iframe

 本篇文章介绍了js与jQuery 获取父窗.子窗的iframe.需要的朋友可以过来参考下,希望对大家有所帮助 在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素   js   在父窗口中获取iframe中的元素    1.   格式:window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").clic

使用jquery获取父元素或父节点的方法

jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: 先举个例子, 1.<ul class="parent1"> 2.<li><a href="#" id="item1">jquery获取父节点</a></li> 3.<li><a href="#">

jQuery获取父元素及父节点的方法小结_jquery

本文实例总结了jQuery获取父元素及父节点的方法.分享给大家供大家参考,具体如下: jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点,下面我们来一一讲解: 先举个例子, <ul class="parent1"> <li><a href="#" id="item1">jquery获取父节点</a></li> &

jquery 获取父节点实现代码详解

在js中我们要获取父节点有很多办法,如 1)parentObj.firstChild:如果节点为已知节点(parentObj)的第一个子节点就可以使用这个方法.这个属性是可以递归使用的,也就是支持parentObj.firstChild.firstChild.firstChild...的形式,如此就可以获得更深层次的节点. (2)parentObj.lastChild:很显然,这个属性是获取已知节点(parentObj)的最后一个子节点.与firstChild一样,它也可以递归使用. 在使用中,

js-怎么在父页面修改二级子页面元素样式

问题描述 怎么在父页面修改二级子页面元素样式 我在父页面iframe了一个子页面.在子页面又Iframe了一个子页面,怎么在第一个父页面里修改最后一个子页面里元素的样式啊? 解决方案 iframe和父页,window.open打开页面之间的引用 解决方案二: ? String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+"

JQuery 获取父框架的对应ID

JQuery 获取父框架的对应ID 我要从b点击找到index里对应的层,等于是要从父框架动态取得对应的层 $(function(){     var curMenuId = undefined;         $("li>a").click(function(){         var menuId = this.id,             target = $('#' + menuId),             doc    = window.parent.docu