jquery - 如果条件为真，则在 HTML 中换行

Question

我需要将文本包装在此 HTML 标记中的标签<a>之间：<div> .... </div>

<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>

但前提是 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 代码或方法或属性？这里有什么帮助吗？

Answer 1

.wrappInner结合简单的选择器就可以了。

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

Answer 2

希望下面的代码有所帮助。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>");
    }
});
});