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.length;i++){ obj[i] 来获得对应的某一个元素}
 
(2).jquery方法  $(“#id”).each(function(){ $(this) 来获得对应的某一个元素});
 
2.获取满足条件的元素的父元素
 
(1).js方法:var o=obj[i].parentNode
 
(2).jquery方法:var o=$(this).parent()
 
2.得到父元素后,可以删除该父元素的子元素
 
(1).js方法:o.removeChild(obj[i]);
 
(2).jquery方法:o.empty()
 

时间: 2024-11-01 04:30:56

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

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

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

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

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

JS和JQUERY获取页面大小,滚动条位置,元素位置

 这篇文章主要是对JS和JQUERY获取页面大小,滚动条位置,元素位置的示例代码进行了介绍.需要的朋友可以过来参考下,希望对大家有所帮助 js与jquery获得页面大小.滚动条位置.元素位置   代码如下: //页面位置及窗口大小   function GetPageSize() { var scrW, scrH;  if(window.innerHeight && window.scrollMaxY)  {    // Mozilla     scrW = window.innerWid

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

先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素.可以用: 比如: <div id="dom">    <div></div>    <div></div>    <div></div></div> var

jquery获取父节点、子节点、兄弟节点方法

如我们利用parent()来获取父节点  代码如下 复制代码 $('#cur').parent().parent(); 或 $('#cur').parent().parent('.pp'); 或 $('#cur').parent('.pp'); closest和parents的主要区别是: 前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找 前者逐级向上查找,直到发现匹配的元素后 就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤 前者返回0或

JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)_jquery

js与jquery获得页面大小.滚动条位置.元素位置 复制代码 代码如下: //页面位置及窗口大小 function GetPageSize() {var scrW, scrH; if(window.innerHeight && window.scrollMaxY) {    // Mozilla    scrW = window.innerWidth + window.scrollMaxX;    scrH = window.innerHeight + window.scrollMaxY

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

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

javascript-用NVelocity+html中的#foreach自动生成的元素如何获取它的父元素和子元素?

问题描述 用NVelocity+html中的#foreach自动生成的元素如何获取它的父元素和子元素? 比如form中的表格中用#foreach自动生成行显示数据项,行的最后有修改/删除按钮,如何获取自动生成中的元素的值并传到服务器/在js中进行操作?如果无法实现,有什么替代方法? 解决方案 子元素过滤选择器(获取父元素中指定的某个子元素) 解决方案二: js的按钮事件传递this对象,this指向按钮这个dom,然后通过dom关系进行获取相关元素 如 <div>.....其他内....<

jQuery与javascript获取父节点与子节点

父节点:  代码如下 复制代码 <table><tr><td> <table><tr><td><span id="e"/></td></tr></table> </td></tr></table> 获取e的第一个table节点  代码如下 复制代码 $("#e").parents("table:firs