www.ypnh.net > js怎么找一个子元素的父元素

js怎么找一个子元素的父元素

html代码:<div id="test"><div></div><div></div></div> js代码:<script> function dom() { var s= document.getElementById("test"); del_ff(s); //清理空格 var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var fc=s.firstChild; //获得s的第一个子节点 var lc=s.lastChile; //获得s的最后一个子节点 }</script> 建议:使用jquery来获取父级节点跟子级节点会更方便.

使用js或者jquery查找父元素、子元素经常遇到.可是用起来总容易混淆,这里统一总结了一下,以后用起来相信会方便好多 这里jquery向上查找父元素 用到的方法:closest() parents() parent() 向下查找子元素 用到的方法:find() children() js用的是 children[] 属性 !

.parentNode

<!DOCTYPE HTML><br><html lang="en-US"><br><head><br><meta charset="UTF-8"><br><title>Ball</title><br><style type="text/css"><br></style><br><script type="text/javascript"><br> onload = function ()<br> {<br> var btn =

<body><br> <table class="tbeTarget" id="tbeTarget"> <br> <tr> <br> <td class="tips1" id="tips1"> 12345abcd </td> <br> <td class="tips2" id="tips2"> 23456fvbg </td> <br> </tr> <br> </table> <br> <input type="button" onclick=

$("span").click(function(){<br> alert($(this).index()+1);<br>}); <br>index()返回该元素的索引值,可表示该span属于其父元素<div>中的第几个子元素.

<html><br><script src="jquery-1.4.1.min.js"></script><br><body><br> <div><label>dddddd</label><input type="sss" value="sss"/>ddddddddffffff</div><br><body><br><script><br>alert($("input").parent().children().text());<br></script><br></html>

$("#div").find('span.a').length 在id为div的元素查找子元素span.a,通过length判断是否存在,存在为1,不存在为0

我们的目的是通过 id 为 item1 的便签a取到 class 为 parent1 的ul元素,有以下几种方法:1、parent([expr])取得一个包含着所有匹配元素的唯一父元素的元素集合.你可以使用可选的表达式来筛选.代码如下<pre class="brush: js;">$('#item1').

<html><script src="jquery-1.4.1.min.js"></script><body> <div><label>dddddd</label><input type="sss" value="sss"/>ddddddddffffff</div><body><script>alert($("input").parent().children().text());</script></html>

网站地图

All rights reserved Powered by www.ypnh.net

copyright ©right 2010-2021。
www.ypnh.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com