-2

この 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 コード、メソッド、またはプロパティを使用する必要がありますか? ここで何か助けてもらえますか?

4

2 に答える 2

5

.wrappInnerシンプルなセレクターと組み合わせるとそれができます。

$('li.has_children a').wrapInner("<div>");
于 2013-05-13T19:08:12.137 に答える
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>");
    }
});
});
于 2013-05-13T19:12:59.937 に答える