javascript - div のアンカーの href を取得して画像に適用しますか?

Question

画像とリンクを含む div があります。

ページの読み込み時に、リンクの href を見つけて、画像のアンカータグを適用することは可能ですか?

これは奇妙な要求のように思えるかもしれませんが、それを実行できるかどうかを尋ねています。

http://jsfiddle.net/fFgwb/

---

申し訳ありませんが、「続きを読む」リンクと同じhrefを使用して、画像をアンカータグでラップしたいと思います

Answer 1

要素の配置についてはまだ仮定を立てていますが、基本は以下のとおりです。jQueryを含める必要なく、純粋なJSでこれを行うのは非常に簡単です。

ライブデモ

var link = document.querySelectorAll('.card-prod a');
link[0].href = link[1].href;

Answer 2

これを試して：

$(document).ready(function(){

    $("#theDiv").find("a").attr("href", $('img').attr('src'));

});

---

更新しました：

$(document).ready(function(){

     $("#anchor").attr("href", $('#continue').attr('href'));

});

http://jsfiddle.net/fFgwb/5/

---

.divsそのため、 div のようなクラスやアンカー リンクへの他のクラスを追加する必要があります。

$(document).ready(function(){

    $(".divs").each(function(){

        $(this).find("a").hasClass("anchor").attr("href", $(this).find("a").hasClass("continue").attr('href'))

     });

});