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();