在容器中取錨點的href並將其應用於圖像

Question

我有一個DIV列表，其中都包含一段文本，一個圖像和一個錨點。

使用Javascript/jQuery，是否有可能獲取錨點的href，並將圖像封裝在具有該鏈接的錨點標記中？

我知道這是一個奇怪的requet，我已經做了小提琴......

http://jsfiddle.net/fFgwb/

---

將有多個div，所以我不能有相同的ID

Answer 1

這裏是一個way

var src = $("#imgid").attr("src"); //take out the src 
$("#imgid").wrap($('<a href="'+src+'" />'); //wrap around it with the anchor 

您的用法，可以是類似於

$("img", $("#divid")).each(function() { 
    var src = $(this).attr("src"); //take out the src 
    $(this).wrap($('<a href="'+src+'" />')); //wrap around it with the anchor 

}); 

這是一個demo這個實現在你的小提琴上。

Answer 2

嘗試：

$('img').each(function(){ 
    $(this).wrap('<a href="'+$(this).attr('src')+'"/>'); 
}); 

只是縮小這一img選擇，可能與一類。

Answer 3

，如果我得到你想要正確的東西，你可以像做：

$('a').attr('href', function() { 
    return $(this).find('img').attr('src'); 
});​ 

正如你可以看到here。

Answer 4

使用jQuery：

$('.card-prod').each(function() { 
    var that = $(this), 
     imgA = that.find('a img').parent(), 
     newHref = that.find('a').not(imgA).attr('href'); 
    imgA.attr('href', newHref); 
}); 

Answer 5

你應該添加類，如.divs到的div和其他類錨鏈接：

$(document).ready(function(){ 

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

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

}); 

}); 

Answer 6

好吧，讓我們把它包起來：

• 你將有幾張牌
• 每張牌包含兩個錨
• 第一錨應該得到相同的HREF值作爲第二錨

轉換爲jQuery的：

$(".card-prod").each(function(){ 
    var anchors = $(this).find("a"); 
    anchors.eq(0).prop("href", anchors.eq(1).prop("href")); 
});