JQuery를 사용하여 이미지에 HTML을 추가하는 방법은 무엇입니까?

Question

나는 Galleria을 사용하고 있으며 갤러리아가 링크가있는 슬라이드에 넣은 이미지를 포장해야합니다. <img> 가짜 title= 값을 지정하고 나는 title= 태그에서 필요한 링크를 그리기는 <img> 주위에 <a> 태그를 추가합니다

나는이 방법을 사용하려고했다.

이것은 지금까지 가지고있는 코드입니다.

$("img#gallery").this.title.appendTo("img#gallery") { });

나는 모든 이미지를 통해 루프 스크립트를 얻고 HTML을 추가하기 위해 노력하고있어.

내가 .appendTo 또는 .before 및 .after를 사용하는 경우는 나도 모르는

Answer 1

이러한 접근 방식이 효과적입니다. 당신은 랩 기능을 찾고 :

<img src="" class="test" alt="test" title="http://www.google.com" /> 
<img src="" class="test" alt="test" title="http://www.yahoo.com" /> 

$.each($(".test"), function() { 
    var title = $(this).attr('title'); 
    $(this).wrap('<a href="'+title+'" />'); 
}); 

Answer 2

당신은 단지 전체 일에 클릭을 수신 한 다음 이미지를 클릭 한 경우 알아낼 수

그래서 어떤 이미지가있는 경우와 그런 다음 위치 객체를 변경하십시오.

Answer 3

사용 $의 .each 모든 당신이 포장 할 이미지와 반복하기 :

var title = $('#test').attr('title'); 

$('#test').wrap('<a href="'+title+'" />'); 

이 $의 .each 당신이 시리즈를 통해 반복하게됩니다 그런 다음 사용하려면

$('img#gallery').wrap('<a href='whatever'>) 

을 사용하십시오. 자동으로 A 태그를 닫습니다.