javascript - JQuery中如何获取父标签元素的文本值

Question

我正在使用 Jquery 的点击功能来获取子菜单(手机、相机)的文本值。我还想获取这些元素(电子)的父元素的文本值。我如何使用 JQuery 实现此目的

<li class="dropdown-submenu" id="subCategory">
  <a class="insideElement" tabindex="-1" href="#">Electronics</a>
  <ul class="dropdown-menu" id="elecItems">
    <li><a class="insideElement" tabindex="-1" href="#">Mobiles</a></li>
    <li><a  class="insideElement" href="#">Cameras</a></li>
    <li><a class="insideElement" href="#">Laptop</a></li>
    <li><a class="insideElement" href="#">Pendrives</a></li>
    <li><a class="insideElement" href="#">Televisions</a></li>
  </ul>
</li>

当我点击 Mobile 时，我想从父标签元素中将文本 Value as Electronics。

获取子菜单文本值的脚本:

$('#subCategory li').on('click', function(){
   var selectedItem=$(this).text(); 
});

类似上面的脚本可以获取父元素为Electronics的值

Answer 1

您可以为此使用 $(this).closest('ul').siblings('a').text();。检查下面更新的代码段

$('#subCategory li').on('click', function(){
   var selectedItem=$(this).closest('ul').siblings('a').text(); 
   console.log(selectedItem);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="dropdown-submenu" id="subCategory">
  <a class="insideElement" tabindex="-1" href="#">Electronics</a>
  <ul class="dropdown-menu" id="elecItems">
    <li><a class="insideElement" tabindex="-1" href="#">Mobiles</a></li>
    <li><a  class="insideElement" href="#">Cameras</a></li>
    <li><a class="insideElement" href="#">Laptop</a></li>
    <li><a class="insideElement" href="#">Pendrives</a></li>
    <li><a class="insideElement" href="#">Televisions</a></li>
  </ul>
</li>