divの親にアンカータグを追加する方法は？

Question

私のhtmlコードは次のとおりです。

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

は、私はそれが見えるようにしたい：

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

JavaScriptを使用してそれを行うには？

Answer 1

これまでに述べたように、あなたの例は無効です。あなたは 'a'タグでテキストとサラウンドテキストでdivを持つ必要があります。

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

jsFiddleはあなたがそれを試してみたいです：

http://jsfiddle.net/8vbXw/

あなたは、単純なラインでそれを行うことができますjQueryの方法.wrapInner()（jQuery doc）

を使用することができます

Answer 2

divの外側にリンクを置くのではなく、内側に入れておくことをおすすめします。

これ以外の場合、無効なHTMLになります。

したがって、あなたの結果は次のようになります。

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

これは、実行して行うことができます。

.xyz a 
{ 
    display:block; 
} 

：

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

全体のdivが選択可能となるように、あなたはその後、アンカータグのスタイルを設定することができます