Javascript 如何简化这个基于jQuery标题的警报代码？

对于我正在编写的复杂应用程序，我在提高jQuery代码的效率方面遇到了一些问题有没有办法让这段代码更好地工作？多个

parent（）

函数肯定不是最好的选择

这是我的jQuery代码（在文档就绪代码之外）：

这就是所讨论的HTML：

<div class="icon">
    <span class="config"><a href="#"><i class="icon-cog"></i></a></span>
    <span class="remove"><a href="#"><i class="icon-remove-sign"></i></a></span>
    <a href="#">
        <span class="image"><img src="https://si0.twimg.com/profile_images/3653636892/753cd0095b234e216b1ffc50911a0203_bigger.png" alt="ProbabilityWolf"></span>
        <span class="caption">ProbabilityWolf</span>
    </a>
</div>

我想一定有办法简化标题的获取！此处称为“图标”的位重复多次，并且始终具有不同的标题，但始终具有相同的结构。

您可以使用选择器查找元素

var caption = $(this).closest(".icon").find("a .caption").text();

---

使用

$（this）.closest（'div.icon'）.find（'.caption'）.text（）嗯，这似乎有效<代码>$（this）.最近的（“.icon”）.find（“.caption”）.text（）

。这就是你的意思吗？哇，我同时添加了这个评论XD

var caption = $(this).closest(".icon").find("a .caption").text();