div의 부모에 앵커 태그를 추가하는 방법은 무엇입니까?

Question

내 HTML 코드는 다음과 같습니다

<div title="test" class="xyz">Tesing</div> 

나는 그것을 같이 할 :

<a href='#'> <div title="test" class="xyz">Tesing</div></a> 

자바 스크립트를 사용하여 작업을 수행하는 방법?

Answer 1

이전에 Curt가 말했듯이 예제가 유효하지 않습니다. 'a'태그가있는 텍스트 및 서라운드 텍스트가있는 div가 있어야합니다. 당신은 jQuery를 방법 .wrapInner()을 사용할 수 있습니다

(jQuery doc)

당신은 간단한 선으로 그것을 할 수

:

http://jsfiddle.net/8vbXw/

:

$('.xyz').wrapInner($('<a href="#" />')); 

jsFiddle 당신이 그것을 시도 할 것입니다

Answer 2

div가 아닌 링크를 삽입하는 대신 내부에 중첩시키는 것이 좋습니다.

그렇지 않으면 잘못된 HTML이됩니다.

따라서 당신의 결과는 다음과 같습니다 전체 사업부가 선택할 수 있도록

$(function(){ 
    $(".xyz").html("<a href='#'>" + $(".xyz").html() + "</a>"); 
}); 

당신은 다음 앵커 태그의 스타일을 할 수 있습니다 :

<div title="test" class="xyz"><a href='#'>Tesing</a></div> 

이이 일을 수행 할 수

.xyz a 
{ 
    display:block; 
}