제이쿼리로 이미지에 링크 추가할려고

제이쿼리로 이미지에 링크 추가할려고

QA

SIR 제작의뢰 - 견적무료/익명보정/호스팅, DB 이전/단기개발. 이젠 ' 의뢰인'이 원하는 '제작자'에게만 연락처를 알릴 수 있습니다.

제이쿼리로 이미지에 링크 추가할려고

본문

제이쿼리를 써서 이미지에 링크를 달려고 하는데

prependTo, appendTo 를 써도 잘 안되네요..

 

자바스크립트가 안되면 PHP를 써야 하는건지;;

 

참고 사이트

 

https://jsfiddle.net/88acbar4/2/

 

 

-HTML-

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<div id="bo_v_con">
  <img src="https://i.imgur.com/ukHnOcP.jpg">
</div>

 

 

-자바스크립트-

 

var src = $('div img').attr('src');

alert(src);

 

$("<a href=\"#\">Prev!</a>").prependTo("#bo_v_con img");
$("<a href=\"#\">Prev!</a>").appendTo("#bo_v_con img");

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기 이 글을 내 구글플러스 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 3

채택됨

달콤별님의 답변

$("#bo_v_con").wrapInner("<a href=\"#\">Prev!</a>");

주소복사
채택됨
답변의 댓글

균이님의 답변

이미지 앞뒤에 링크를 넣을려고한다면

$("<a href=\"#\">Prev!</a>").prependTo("#bo_v_con"); //기존 내용 앞에 끼워넣기
 $("<a href=\"#\">Prev!</a>").appendTo("#bo_v_con"); //기존내용 뒤에 끼워넣기

 

그런데 원하는 것이 불분명합니다

이미지 태그에 링크를 넣겠다는 것이라면 Prev! <--- 이런 텍스트가 필요한가요?

 

 

주소복사
답변의 댓글

ango님의 답변

자바스크립트로 해결했네요.

 

function imageGetAnchor() {
  var imageCount = $('#bo_v_con img').length -1;
  for (var i = 0; i <= imageCount; i++) {
    var srcTotal = $('#bo_v_con img').eq(i).attr('src');
    $('#bo_v_con img').eq(i).wrap('<a href="' + srcTotal + '" />');
  }
}

imageGetAnchor();
주소복사
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 23
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT