jquery - 囲みリンクタグのhref属性を取得

Question

これには少し問題があります。Jquery/JS を使用して、囲んでいるリンク タグの HREF 属性を見つける方法が必要です。

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

クラスごとに img をターゲットにして、1 つ前の href 属性の値を見つけたいと思います。

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

何か見せてください Awesome() ...助けて？

Answer 1

$("img.active").parent("a").attr("href")アンカーであると仮定して、直接の親の href 属性を取得します。画像とアンカーの間にブロックを含む深さがある場合は、代わりに を使用します$("img.active").closest("a").attr("href")。

Answer 2

.parent()は、あなたが必要とすることすべてです！

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

ここにドキュメントがあります:)

カイルのコメントに従って、可能な限り堅牢なものを作ろうとして、次のことを試すことができます。

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