判断两个元素是否拥有同一父级元素

Question

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

Answer 1

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);

Answer 2

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

Answer 3

<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>