javascript - 判断两个元素是否拥有同一父级元素
伊谢尔伦
伊谢尔伦 2017-04-11 11:01:39
[JavaScript讨论组]

粗糙写下代码结构,〈ul〉〈li〉〈/li〉〈li〉〈/li〉〈li〉〈/li〉〈/ul〉,有很多个ul,每个ul都有多个li。如何判断两个li是否拥有同一父亲

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(3)
PHP中文网
html 
<ul>
        <li id="li1"></li>
        <li id="li3"></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
js:
var first=document.getElementById('li1').parentNode;
var sencond=document.getElementById('li3').parentNode;
console.log(first===sencond);
PHP中文网

获取要比较的li的父元素,然后用jq的is方法比较。
比如: '第一个li'.parent().is('第二个li'.parent());

PHP中文网

<ul>

<li class="one">one</li>
<li class="two">two</li>
<li></li>
<li></li>
<li></li>

</ul>
<script>
var a = $('.one').siblings('.two');
if(a.length===0){

console.log('不同的父元素')

}else{

console.log('父元素是同一个')

}
</script>

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号