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

Question

我在使我的 jQuery 代码对我正在编写的复杂应用程序更有效时遇到问题。有没有办法让这段代码更好地工作？多种parent()功能肯定不是最佳选择！

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

$(".icon .remove a").click(function (m) {
    m.preventDefault();
    var caption = $(this).parent().parent().children("a").children(".caption").contents().text();
    confirm("Are you sure you want to delete "+caption+"?");
});

这是有问题的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>

我认为必须有一种方法来简化获取标题！这里称为“图标”的位重复了很多次，并且总是具有不同的标题，但始终具有相同的结构。

Answer 1

您可以使用.closest()选择器来查找元素。

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