javascript에서 img태그의 src 주소를 a태그의 href주소로 옴기는방법이요..!!
본문
여러 이미지의 src 주소를 가져와서 wrap로 생성한 a태그의 href 에 추가하려는데 잘안됩니다..ㅜㅜ
어느부분을 수정해야 되는지 지적 부탁드립니다.ㅜㅜ
<script>
$("#bo_v_con img").addClass('small');
$("#bo_v_con img").wrap('<a id="single_1" href="#"></a>');
</script>
<script>
$(function(){
var ojnNav = $(".small img");
for(var i=0; i<ojnNav.length; i++){
$("#single_1 a").attr("href", ojnNav[i].attr("src"));
}
});
</script>
답변 3
<script>
$("#bo_v_con img").addClass('small');
$("#bo_v_con img").wrap('<a class="single_1" href="#"></a>');
</script>
<script>
$(function(){
var ojnNav = $(".small img");
/*
for(var i=0; i<ojnNav.length; i++){
$("#single_1 a").attr("href", ojnNav[i].attr("src"));
}
*/
$(".small img").each(function(i){
$(".small .single_1").eq(i).attr("href",$(".small img").attr("src"));
});
});
</script>
<script>
$("img").addClass('small');
$("img").wrap('<a class="single_1" href="#"></a>');
</script>
<script>
$(function(){
var ojnNav = $("img.small");
var sc;
ojnNav.each(function(){
$(this).parent().attr("href", $(this).attr("src"));
});
});
</script>
$('#bo_v_con img').each( function() {
$(this).wrap('<a href="' + $(this).prop('src') + '"></a>');
});