Javascript 如何从使用jQuery单击的链接中获取上面耦合级别的元素的文本？

我使用引导库及其下拉列表。以下是我的表格中一行的示例：

<tr class="mattersRow">
    <td> … </td>
    <td class="danger">
        <div class="dropdown">
            <a class="dropdownSelector" href="#" data-toggle="dropdown">
                SELECT
            </a>
            <ul class="dropdown-menu" aria-labelledby="dLabel" role="menu">
                <li>
                    <a class="menuItemQB" href="#">
                        Put this text instead of SELECT
                    </a>
                </li>
                <li> … </li>
                <li> … </li>
                <li> … </li>
            </ul>
        </div>
    </td>
</tr>

我不知道如何访问此链接

<a class="dropdownSelector" href="#" data-toggle="dropdown"> SELECT </a>

---

您可以这样做：

$(this).closest('.dropdown').children(':first');

文档：，。

您可以使用以下内容：

$(this).closest('.dropdown').find('a.dropdownSelector')

---

遍历到所需元素的父元素，然后在该元素内搜索

$('.menuItemQB').click(function(){
   var link= $(this).closest('.dropdown').find('.dropdownSelector');

    alert(link.text())
})

jQueryAPI充满了遍历方法。花一个小时浏览各种方法的描述和示例将是一个很好的时间。在左导航中有一个完整的小节用于

遍历

---

$（this）.closest（'.dropdown'）.find（'a.dropdownSelector'）

？您是否在询问如何返回到.dropdown，然后查找.dropdownSelector？谢谢。10分钟后接受，因为你是第一个，谁回答你是我的助手今天=）感谢链接。我会读对的now@Bryuk这里的每个人都尽力帮忙：谢谢！是的，我已经开始阅读关于jQuery的书，但我对jQuery的了解仍然很低……让API成为您学习的最好朋友，经常参考它

$('.menuItemQB').click(function(){
   var link= $(this).closest('.dropdown').find('.dropdownSelector');

    alert(link.text())
})