게시판 웹에디터로 추가한 사진에 a테그 넣는방법
본문
그누보드 기본 웹에디터로 사진첨부 한 img 테그에 a테그와 함께 class 명도 추가하고싶은데요..
어떻게 해야하나요..??
ex) <img src="~~"> =>원본
<a href="#" class="aa"><img src="~~"></a> ==>하고싶은 것
답변 2
스크립트 로도 가능할것같습니다.
$("img").wrap('<a href="#" class="aa"></a>');
아 우연히 innerHtml 을 들었어서 이걸 어떻게 사용하나했었는데
wrap가 있었군요 ㅎㅎ 감사합니다!!!
혹시 외람된 질문이지만,, 이미지 추가에따른 a테그 클레스 명도 다르게 할수있나요?
예를들어 이미지 3개가 추가되면 <a href="#" class="a1"></a> ... <a href="#" class="a3"><a/> 이런식으로요..!!
웹에디터안에 있는 img 태그에만 쓰려면
var aa=$("에디터구문").find("img").index(this);
$("에디터구문").find("img").wrap('<a href="#" class="a'+aa+'"></a>');
하면 에디터구문 안에있는 image index값 구해서 클래스명 바꿔갈수 있을듯해여
어떻게 사용하냐에 따라 방법은 또 바뀌겠지만요
each 로 돌리시면서 하시면 될듯
$("에디터구문").find("img").each(function(i){
$("에디터구문").find("img").eq(i).wrap('<a href="#" class="a'+i+'"></a>');
})
와.. 좋은 정보 고맙습니다.. 진짜진짜 많은 도움이됬어요..ㅜㅜ 감사합니다!!!!!!!!!!!!@0@