0

私はこのコードを持っています。

<ul class="menu">
    <li class="current_page_item"><a href="http://localhost/wordpress/"     title="Home">Home</a></li>
    <li class="page_item page-item-8"><a href="http://localhost/wordpress/?page_id=8">About</a></li>
    <li class="page_item page-item-23"><a href="http://localhost/wordpress/?page_id=23">Contact</a></li>
    <li class="page_item page-item-7"><a href="http://localhost/wordpress/?page_id=7">Gallery</a></li>
</ul>

私が欲しいのは、ul (.menu) 内に span () 要素を挿入することです。その（.menu）内の最初liと最後に配置したい。したがって、期待される出力は次のようになります。liul

<ul class="menu">
    <span<> <!-- this is the inserted element -->
    <li class="current_page_item"><a href="http://localhost/wordpress/"     title="Home">Home</a></li>
    <li class="page_item page-item-8"><a href="http://localhost/wordpress/?page_id=8">About</a></li>
    <li class="page_item page-item-23"><a href="http://localhost/wordpress/?page_id=23">Contact</a></li>
    <li class="page_item page-item-7"><a href="http://localhost/wordpress/?page_id=7">Gallery</a></li>
    </span<> <!-- this is the inserted element -->
</ul>

私がこれまでに試したことはこれです。

$(document).ready(function(){
    $('<span>').insertBefore('.menu li:first-child');
    $('</span>').insertBefore('.menu li:last-child');
});

この件について何か助けていただければ幸いです。

4

3 に答える 3

2

あなたが本当にそうするのが好きなら、これはうまくいくでしょう。

$(document).ready(function () {
    $('ul').wrapInner('<span />');
});

http://jsfiddle.net/mG8yV/1

于 2013-03-30T23:28:26.710 に答える
0

一致した要素 $('.menu') のセット内の各要素の先頭に、span 要素を挿入します。

$('.menu').prepend($('<span>'));

一致した要素のセット $('.menu') 内の各要素の最後に、span 要素を挿入します。

$('.menu').append($('<span>'));

編集：詳細説明。

于 2013-03-31T00:17:17.077 に答える