0

私は一日中試していくつかのことを読んでいますが、何らかの理由でコードが正しく機能しません

私が達成しようとしているのはこれです:インデックスページに順序付けられていないリストを作成すると、アンカー内のテキストの周りにjqueryが自動的に追加されるようになります。だから私はそれがこのように見えるようにしたい

<li><a href="index.htm"><span>Home</span></a></li>

私は追加しているだけですが：

<li><a href="index.htm">Home</a></li>

リストアイテムがたくさんあるので、これをやりたいのですが、ページを追加するときに書き込む代わりに、長期的に時間を節約し、追加するたびにそれを処理するループを作成するのが最も理にかなっています。

これは私がこれまでに持っているものです（見苦しい場合は申し訳ありません）：

$('document').ready(function () {
    var begSpan = "<span>";
    var endSpan = "</span>";
    $('p').each(function () {
        $(this) prepend(begSpan);
    }).append(endSpan);
});

スパンタグを自動作成するにはどうすればよいですか

4

3 に答える 3

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

フィドル

.wrapInner()ドキュメント

#menuId li aまた、将来の保証のために、より具体的なセレクター (例: ) を使用することをお勧めします。

DOM 構造.wrap()を生成する私の元の回答を使用しましたが、要求された構造はで実現できるようです。li > span > ali > a > span.wrapInner()

于 2013-10-27T03:46:21.663 に答える
1

.wrap()を使用する

$(document).ready(function() {
    $('li > a').wrap('<span>');
});

デモ

于 2013-10-27T03:47:03.527 に答える