2012-04-18 2 views
0

У меня есть div с изображением и ссылкой в ​​нем.Возьмите href привязки в div и примените его к изображению?

Возможно ли, что на загрузке страницы я могу как-то найти href ссылки и применить этот якорный тэг изображения?

Я знаю, это может показаться странной просьбой, я спрашиваю, можно ли это сделать, и если да, то как?

http://jsfiddle.net/fFgwb/


К сожалению все, я хочу, чтобы изображение завернуть в якорной теге, witht он же HREF как 'читать дальше' ссылка

+0

хмм не совсем уверен, что вы имеете в виду. Вы хотите сделать ссылку href ссылки src изображения? – Loktar

+1

С помощью jQuery вы можете получить атрибут href по $ ('a'). Attr ('href'), однако ваш вопрос не содержит деталей. Clearify! –

+0

обновил мой вопрос @ lukas.pukenis – Liam

ответ

0

попробовать это:

$(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 к дивы и других классов на якорь ссылки:

$(document).ready(function(){ 

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

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

    }); 

}); 
+0

обновил мой вопрос @raminson – Liam

+0

Обновление этого ответа должно это сделать. Вам нужно будет указать ссылку continue и привязать идентификаторы continue и anchor соответственно, и это будет сделано. –

+0

Спасибо @JamieHartnoll единственное, что будет несколько divs, все с разными ссылками, поэтому анкеры не будут работать ... – Liam

5

Тем не менее делать предположения о расположении элементов, но основы ниже , Его очень прост в использовании в чистом JS без необходимости включать jQuery.

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

Смежные вопросы