2012-04-18 8 views
0

私はイメージとその中のリンクを持つdivを持っています。divのアンカーをhrefしてイメージに適用しますか?

ページの読み込み時に、どういうわけかリンクのhrefを見つけてイメージのアンカータグを適用できるのでしょうか?

私はこれが奇妙な要求のように思えるかもしれないことを知っています。私はそれができるかどうか尋ねています。

http://jsfiddle.net/fFgwb/


彼は '続きを読む' リンク

+0

うーん、あなたが何を意味するかかなり確実ではありません。あなたはリンクのhrefを画像のsrcにしたいと思っていますか? – Loktar

+1

jQueryでは$( 'a')。attr( 'href')でhref属性を取得できますが、質問には詳細がありません。クリアする! –

+0

私の質問@ lukas.pukenis – Liam

答えて

0

と同じのhrefはこの試みるwitht申し訳ありませんが、誰も、私は、画像をアンカータグに包まれたい:

$(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/


ので、あなたは、リンクを固定するためのdivや他のクラスに.divsのようなクラスを追加する必要があります

$(document).ready(function(){ 

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

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

    }); 

}); 
+0

更新された質問@raminson – Liam

+0

この回答の更新がそれを行う必要があります。あなたは継続リンクとアンカーIDのそれぞれに継続とアンカーのIDを付ける必要があります。これはそれを行います。 –

+0

ありがとう@JamieHartnoll唯一のことは、アンカーが仕事をwouldntするので、異なるリンクを持つ複数のdivsになるだろう... – Liam

5

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

Live Demo

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

私の質問@loktar – Liam

+0

@ user766266更新私の答え – Loktar

+0

なぜ 'document.querySelectorAll( ' .card-prod a ') '? – wildcard

関連する問題