jquery - 获取封闭链接标签的href属性

Question

这个有点麻烦。我需要一种使用 Jquery/JS 来查找封闭链接标记的 HREF 属性的方法：

<a href="something.html"><img src="img1.jpg" class="active"></a>

我想按类定位 img 并找到第一个前面的 href 属性的值。

$("img.active").somethingAwesome().attr("href");

请给我看一些很棒的东西（）...帮助？

Answer 1

$("img.active").parent("a").attr("href")将获得直接父级的 href 属性，假设它是一个锚点。如果图像和锚点之间有任何深度的包含块，请改用$("img.active").closest("a").attr("href").

Answer 2

.parent()是你所需要的全部！

$("img.active").parent().attr("href");

这是文档:)

根据 Kyle 的评论，为了使某些东西尽可能健壮，您可以尝试：

$("img.active").closest('a[href]').attr("href");

这样，即使您的 html 看起来像这样：

<a href="something.html">
    <a name="anchor">
        <img src="img1.jpg" class="active">
    </a>
</a>

你仍然会得到你需要的东西:)

Answer 3

$("img.active").closest("a").attr("href");

Answer 4

$("img.active").closest('a').attr("href");