js 获取当前元素的父元素的父元素的id
生活随笔
收集整理的這篇文章主要介紹了
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的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 数据结构-链表2-链式存储
- 下一篇: 防止文件重复定义之方法