js 获取当前元素的父元素的父元素的id

情景一：用onclick触发的函数

html代码：
<div id="0" style="border-bottom:1px solid #000;margin:0 auto;"><div>1111</div><div class="original"><div id="chartx1" class="chartstyle"></div><div id="charty1" class="chartstyle" ></div><button onclick="getDetail(this);" style="width:100%;height:30px;">查看信息</button></div>
</div>
<script>function getDetail(obj){alert(obj.parentNode.parentNode.id);    //1}
</script>

运行结果：

情景二:直接用click触发的函数

html代码：
<div id="0" style="border-bottom:1px solid #000;margin:0 auto;"><div>1111</div><div class="original"><div id="chartx1" class="chartstyle"></div><div id="charty1" class="chartstyle" ></div><button class="info_detail" style="width:100%;height:30px;">查看信息</button></div>
</div>
<script>$(".info_detail").click(function(){id=$(this).parent().parent().attr('id');})
</script>

参考自：https://bbs.csdn.net/topics/370175483

js 获取当前元素的父元素的父元素的id相关推荐

js 获取url多个参数
1.js获取单个参数 js获取url传递里面的参数 url="http://t.html?id=151"; var url = window.location.href; var ...
class 原生js获取父元素_JS获取节点的兄弟,父级,子级元素的方法
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素原生的J ...
js获取对象的父元素,子元素,兄弟元素
今天测试我昨天写好的js插件,发现昨天考虑欠妥,导致[修改]做不了了!主要原因是我以前都是遍历表格,在每条记录后面添加修改按钮.现在用局部刷新表格的方法,每次都自动生成表格内容,以致于无法在记录后面生 ...
原生js获取指定标签的父元素
js是没有这个函数的,js只有.parentNode获取上一级的父元素.如果想用js获取指定标签的祖先元素,不想使用jq.下面是封装的函数,初学者自己写的,实测有效. //js获取指定标签的父元素,获 ...
JS获取节点的兄弟，父级，子级元素
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比. JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 < ...
class 原生js获取父元素_原生js获取class
//使用原生js时,通过class名称就可以得到相应的class名称标签组封装的函数 //定义一个函数getClass(oParent,aClass); function getClass(oPare ...
元素多层嵌套，JS获取问题
如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案,大家可以参考参考,如果你有好的方法,也分享出来,让我们瞧瞧. HTML: <!DOCTYPE html> <ht ...
原生js获取document_【JS 口袋书】第 9 章：使用 JS 操作 HTML 元素
作者:valentinogagliardi 译者:前端小智来源:github 这几天自己的公众号无套路送现金 200+,参与方式如下 OKR 与 KPI 的区别(文中无套路送现金 200+) 文档对 ...
JS获取元素在页面的位置
JS获取元素的offsetTop,offsetLeft等属性 obj.clientWidth //获取元素的宽度(width+padding) obj.clientHeight //元素的高度 obj ...
js 获取元素，同级元素下的子元素总结
太原总结不慌不慌,来日方长 ** 1.获取同级元素 form 下的 div 元素下的 input标签的value值 ** //html代码 <div id="replySubmit& ...

js 获取当前元素的父元素的父元素的id

js 获取当前元素的父元素的父元素的id相关推荐

最新文章

热门文章