[JQuery] 특정노드의 하위요소에서 모든 a태그의 속성값을 새창(_blank) 기능을 추가하기

실무상에 유용한 기능이고, 에디터를 달고 있는 모드 곳에서 꼭 필요할 것 같다.

 

위의 예시이미지처럼 http:// 로 시작하는 태그가 있는데 이는 에디터로 자동 추가된 <a> 태그인데 이 소스는 원래

<a href="웹주소">고고싱</a>  처럼 <a> 태그의 target 속성이 지정되어 있지 않아서 _self 형태로 그냥 현재창에서 이동해 버린다.

 

이와 같은 상황에서 이 에디터가 쓰인 내용부분 아래의 모든요소의 a태그에 대하여 target="_blank" 속성을 임의 지정하도록 하는 jquery 문은 간단히 만들어 보았다.

 

 

<div id="viewcontent_id" class="col-lg-12">
.... 에디터로 만들어진 코드내용 ....
</div>
 
<script>
$(document).ready(function(){
    $("#viewcontent_id").find("a").attr("target","_blank");
});
</script>