2013-05-13 40 views
-2

我需要包裝標籤<a><div> .... </div>間內的文本在此HTML標記:文本換行,如果條件爲真

<li class="first current"> 
    <a href="http://dts.devserver/">Home</a> 
</li> 
<li class="last has_children sub-menu"> 
    <a href="http://dts.devserver/blog">Blog</a> 
</li> 

但前提是李娜has_children類,所以結果應該是:

<li class="first current"> 
    <a href="http://dts.devserver/">Home</a> 
</li> 
<li class="last has_children sub-menu"> 
    <a href="http://dts.devserver/blog"><div>Blog</div></a> 
</li> 

哪些jQuery代碼或方法或屬性我應該使用?這裏有任何幫助嗎?

+0

@JamesMontagne我的意思是包裝「博客」,在這種情況下,裏面''

...
標籤 – Reynier 2013-05-13 19:05:13

回答

5

.wrappInner結合簡單的選擇將做到這一點。

$('li.has_children a').wrapInner("<div>"); 
+0

對,這是正確的答案,這就是我一直在尋找,謝謝@凱文-B – Reynier 2013-05-13 19:09:33

+0

只是一個簡單的標記以便產生一些效果 – Reynier 2013-05-13 19:09:59

0

希望下面的代碼有幫助。 http://jsfiddle.net/HKm5S/

$(document).ready(function() { 
$('li').each(function() { 

    if ($(this).hasClass('has_children')) { 
     var text = $(this).find('a').html(); 
     $(this).find('a').html("<div>" + text + "</div>"); 
    } 
}); 
}); 
相關問題