如果条件为真,则在HTML中包装文本

Question

我需要将文本包装在此HTML标记中的<a>between <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>");