jquery子元素

js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

由 三世轮回 提交于 2020-03-26 07:22:28
一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); 　　var parent = test.parentNode; // 父节点 　　var chils = test.childNodes; // 全部子节点 　　var first = test.firstChild; // 第一个子节点 　　var last = test.lastChile; // 最后一个子节点　 　　var previous = test.previousSibling; // 上一个兄弟节点 　　var next = test.nextSbiling; // 下一个兄弟节点 二,jquery 获取元素(父节点,子节点,兄弟节点) $("#test1").parent(); // 父节点 $("#test1").parents(); // 全部父节点 $("#test1").parents(".mui-content"); $("#test").children(); // 全部子节点 $("#test").children("#test1"); $("#test").contents(); // 返回#test里面的所有内容，包括节点和文本 $("#test").contents("#test1"); $("#test1"

jquery 父，子，兄弟节点获取

由 吃可爱长大的小学妹 提交于 2020-03-26 04:42:04
jquery 父，子，兄弟节点获取 jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素，不限于父元素 jQuery.children(expr) //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙 jQuery.contents() //查找下面的所有内容，包括节点和文本。 jQuery.prev() //查找上一个兄弟节点，不是所有的兄弟节点 jQuery.prevAll() //查找所有之前的兄弟节点 jQuery.next() //查找下一个兄弟节点，不是所有的兄弟节点 jQuery.nextAll() //查找所有之后的兄弟节点 jQuery.siblings() //查找兄弟节点，不分前后 jQuery.find(expr) //跟jQuery.filter(expr)完全不一样，jQuery.filter(expr)是从初始的 　　　　 jQuery对象集合中筛选出一部分，而jQuery.find()的返回结果，不会有初始集中 　　　　 筛选出一部分，比如： 　　　　$("p").find("span")是从元素开始找，等于$("p span") jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素，不限于父元素 jQuery

jQuery和js 获取父级元素、子级元素、兄弟元素方法

由 早过忘川 提交于 2020-03-13 11:14:25
1.JS获取节点的方法 var a=document.getElementByIdxxxx("dom"); del_space(a); //调用清理空格的函数 var b=a.childNodes; //获取a的全部子节点 var c=a.parentNode; //获取a的父节点 var d=a.nextSbiling; //获取a的下一个兄弟节点 var e=a.previousSbiling; //获取a的上一个兄弟节点 var f=a.firstChild; //获取a 的第一个子节点 var g=a.lastChild; //获取a的最后一个子节点 　　//此函数用于删除空节点 function del_space(elem){ 　　　　var elem_child=elem.childNodes; //得到参数元素的所有子元素 for(var i=0;i<elem_child.length;i++){ 　　　　　　if(elem_child.nodeName=="#text"&&!/\S/test(elem_child.nodeValue)){ 　　　　　　　　　　elem.removeChild(elem_child); 　　　　　　} 　　　　} } 2.jQuery 获取节点的方法 　　　　jQuery.parent(expr) 找父节点，可以传入expr进行过滤

获取jQuery对象的第一个子元素

由 吃可爱长大的小学妹 提交于 2020-01-06 14:57:24
<ul> <li>1</li> <li>2</li> <li>3</li> </ul> <script> console.log($('ul li:first')); console.log($("ul>li:first")); console.log($('ul').children('li').get(0)); console.log($('ul').children('li').eq(0)); console.log($('ul').children('li').first()); console.log($('ul').find('li').get(0)); console.log($('ul').find('li').eq(0)); console.log($('ul').find('li').first()); console.log($('ul').children(':first')); console.log($('ul').children('li:first')); console.log($('ul').children('li:first-child')); console.log($('ul').children('li:nth-child(1)')); console.log($('ul').find(':first')); console.log($

jquery 获取元素(父节点,子节点,兄弟节点)

由 点点圈 提交于 2019-12-04 23:23:41
一, js 获取元素(父节点,子节点,兄弟节点)var test = document.getElementById("test");　　var parent = test.parentNode; // 父节点　　var chils = test.childNodes; // 全部子节点　　var first = test.firstChild; // 第一个子节点　　var last = test.lastChile; // 最后一个子节点　 　　var previous = test.previousSibling; // 上一个兄弟节点 　　var next = test.nextSibling; // 下一个兄弟节点二, jquery 获取元素(父节点,子节点,兄弟节点) $("#test1").parent(); // 父节点 $("#test1").parents(); // 全部父节点 $("#test1").parents(".mui-content"); $("#test").children(); // 全部子节点 $("#test").children("#test1"); $("#test").contents(); // 返回#test里面的所有内容，包括节点和文本 $("#test").contents("#test1"); $("#test1")

jquery 子元素筛选选择器

由 懵懂的女人 提交于 2019-12-02 05:24:18
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css"> <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script> </head> <body> <h2>子元素筛选选择器</h2> <h3>:first-child、:last-child、:only-child</h3> <div class="left first-div"> <div class="div"> <a>:first-child</a> <a>第二个元素</a> <a>:last-child</a> </div> <div class="div"> <a>:first-child</a> </div> <div class="div"> <a>:first-child</a> <a>第二个元素</a> <a>:last-child</a> </div> </div> <script type="text/javascript"> /

jquery 子元素 后代元素 兄弟元素 相邻元素

由 天大地大妈咪最大 提交于 2019-12-02 03:01:10
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css"> <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script> </head> <body> <h2>子选择器与后代选择器</h2> <div class="left"> <div class="aaron"> <p>div下的第一个p元素</p> </div> <div class="aaron"> <p>div下的第一个p元素</p> </div> </div> <div class="right"> <div class="imooc"> <article> <p>div下的article下的p元素</p> </article> </div> <div class="imooc"> <article> <p>div下的article下的p元素</p> </article> </div> </div> <script type="text

jQuery ` 父、子页面之间页面元素的获取方法

由 倖福魔咒の 提交于 2019-11-30 17:09:16
1，子页面获取父页面元素。 格式：$("#父页面元素id" , parent.document); var keyword = $("#keyword", parent.document).val(); 2 父页面获取子页面元素。 格式：$("#iframe的ID").contents().find("#iframe中的控件ID"); $("#dialog_iframe").contents().find("#gyousyu").val() 来源： CSDN 作者： 伊佐奈美須八尾 链接： https://blog.csdn.net/lsh15846393847/article/details/82874871
订阅 jquery子元素