بدست آوردن لیست id های پدر و فرزند یک لیست
سوال جدیدسلام
فرض کنید کد زیر را داریم
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
padding: 20px;
}
ul {
list-style: none;
margin: 5px 20px;
}
li {
margin: 10px 0;
}
</style>
</head>
<body>
<nav>
<ul id="01">
<li id="11">
<a href="">1</a>
</li>
<li id="12">
<a href="">2</a>
</li>
<li id="13">
<a href="">3</a>
<div class="sub">
<ul id="02">
<li id="21">
<a href="">4</a>
</li>
<li id="22">
<a href="">5</a>
</li>
<li id="23">
<a href="">6</a>
</li>
</ul>
<ul id="03">
<li id="31">
<a href="">7</a>
</li>
<li id="32" class="current">
<a href="">8</a>
</li>
<li id="33">
<a href="">9</a>
</li>
</ul>
<ul id="04">
<li id="41">
<ul id="041">
<li id="411">
<a href="">2</a>
</li>
<li id="412">
<a href="">3</a>
</li>
<li id="413">
<a href="">4</a>
</li>
</ul>
</li>
<li id="51">
<a href="">3</a>
</li>
<li id="61">
<a href="">4</a>
</li>
</ul>
</div>
</li>
<li id="71">
<a href="">2</a>
</li>
<li id="72">
<a href="">7</a>
</li>
<li id="73">
<a href="">3</a>
</li>
<li id="74">
<a href="">5</a>
</li>
</ul>
</nav>
<script src="jquery-3.3.1.min.js"></script>
<script>
$('li').click(function() {
});
</script>
</body>
</html>حال می خواهم
الف) اگر بروی li ی کلیک کردم لیست id والدهای li بدست بیاورم
ب)اگر بروی li ی کلیک کردم لیست id فرزندهای li بدست بیاورم
باتشکر
کامنتی پیدا نشد.
شاید این کد بتونه بهتون کمک کنه
توضیح: این کد آیدی والدها و فرزندهایی که خودشون تگ li هستند رو بهتون می ده
$('li').click(function(event){
event.preventDefault();
event.stopPropagation();
var parentsIds = $(this).parentsUntil("nav","li").map(function(){
return this.id;
}).get();
var childrenIds = $(this).find("li").map(function(){
return this.id;
}).get();
console.log("parent ids = " + parentsIds + " and children ids = " + childrenIds);
});