0

ネストされたリストがいくつかあり、前のレベルの要素を挿入できるようにしたい:

<ul>
<li>Item 1
<ul>
<li class="selecteditem">Item 1.1</li>
<li>Item 1.2</li>
<li>Item 1.3</li>
</ul>
</li>
<li>Item 2</li>
</ul>
<!-- language: lang-js -->
//I try to do it as follows:
$('li.selecteditem').after('</ul></li><ul>"...

ただし、 after() メソッドは DOM ノードの挿入のみを許可するため、閉じたタグ "" はすべて無視されます。このhtml文字列を文字通り正確に挿入する方法はありますか?

よろしくお願いいたします。

4

2 に答える 2

1

このようなものをお探しですか?

$('.selecteditem').append('<li>Item 1.4</li>');​

使用する場合は.append()、特定の要素に html を挿入し、その中に html を保持します。

フィドルの例

于 2012-11-16T20:13:45.853 に答える
0

今必要なものはわかりますが、DOM 操作は、指定された DOM ノード、または DOM ノードに変換できる有効なマークアップでのみ行うことができます。できることは次のようなものですが、これはかなりハックなソリューションです。

var html = $('ul').html().replace('<li class="selecteditem">Item 1.1</li>','<li class="selecteditem">Item 1.1</li></ul></li><ul>...');
$('ul').html(html);
于 2012-11-16T20:09:19.527 に答える