Jquery 如何获取div a值的父值

我有html代码：

<div class="top-menu">
  <div class="dropdown dropdown-inline">
    <a class="btn btn-primary dropdown-toggle" id="info" data-hover="dropdown" data-animations="zoomIn zoomIn zoomIn zoomIn" aria-expanded="false" >INFO</a>
  </div>
  <div class="dropdown dropdown-inline">
    <a class="btn btn-primary dropdown-toggle" data-hover="dropdown" data-animations="zoomIn zoomIn zoomIn zoomIn" aria-expanded="false">MAINITEM <span class="carot"></span></a>
    <ul class="dropdown-menu dropdownhover-bottom" role="menu">
      <li><a>A</a></li>
      <li><a>B</a></li>
      <li><a>C</a></li>
    </ul>
  </div>

但是我得到的结果是空的。

使用这个

用这个

jQuery.closest（）

函数只过滤父元素。因为要组合两个不同的选择器，所以两个目标元素都应该使用公共父元素。在您的情况下，常见的父项是

。下拉列表

此外，您还需要确保通过正确的

a

元素进行筛选，因为

.dropdown

可以有许多锚定标记。在您的情况下，您可以使用

a.btn

下面是一个具有上述建议更改的工作示例

$（“a.btn.btn-primary.dropdown-toggle，ul.dropdown-menu.dropdownhaver-bottom li a”）。打开（'click'，函数（e）{
警报（$（this）.closest（'.dropdown'）.find（'a.btn'）.text（））；
})

信息
主要项目

A
B
C

jQuery.closest（）函数只过滤父元素。因为要组合两个不同的选择器，所以两个目标元素都应该使用公共父元素。在您的情况下，常见的父项是

。下拉列表

此外，您还需要确保通过正确的

a

元素进行筛选，因为

.dropdown

可以有许多锚定标记。在您的情况下，您可以使用

a.btn

下面是一个具有上述建议更改的工作示例

$（“a.btn.btn-primary.dropdown-toggle，ul.dropdown-menu.dropdownhaver-bottom li a”）。打开（'click'，函数（e）{
警报（$（this）.closest（'.dropdown'）.find（'a.btn'）.text（））；
})

信息
主要项目

A
B
C

您是否考虑过使用

家长

？请提供HTML！你找不到合适的父母。。。使用

.closest（'.dropdown'）.find（“a”）.text（）

。。。因为

最近（'.dropdown toggle'）

是

元素。。。您是否考虑过使用
parent
？请提供HTML！你找不到合适的父母。。。使用
.closest（'.dropdown'）.find（“a”）.text（）
。。。因为
最近（'.dropdown toggle'）
是
元素。。。而不是“父母”。
$("a.btn.btn-primary.dropdown-toggle, ul.dropdown-menu.dropdownhover-bottom li a").on('click', function () {
  alert($(this).closest('.dropdown-toggle').find('a').text());
})

 jQuery(".dropdown li a").click(function(){
   text =  jQuery(this).closest(".dropdown").find(".dropdown-toggle").text();
   console.log(text)
});