jqueryのappendの反対


81

.appendはdivに追加するために使用します

$(this).append('<ul><li>test</li></ul>');

<ul>の子に存在する場合、どのように検索して削除でき$(this)ますか?

回答:


88

を使用できますremove()。詳細jQueryの削除()

$(this).children("ul").remove();

これにより、子であるすべての ul要素が削除されることに注意してください。


element(div)を変数にフェッチしたい。これどうやってするの?
Prasanth Jaya 2016

23

の反対は.append()です.prepend()

prependjQueryドキュメントから

.prepend()メソッドは、指定されたコンテンツをjQueryコレクションの各要素の最初の子として挿入します(最後の子として挿入するには、.append()を使用します)。

私はこれがOPの特定のケースに答えていないことを理解しています。しかし、それは質問の見出しに答えます。:)そしてそれは「jqueryの反対の追加」のためのグーグルでの最初のヒットです。


1
私の質問に答えます。「追加の反対は何ですか」
Chris Marisic 2016


14

また、作成した要素への参照を保持することも考慮する必要があります。そうすれば、具体的に簡単に削除できます。

   var newUL = $('<ul><li>test</li></ul>');
   $(this).append(newUL);

   // Later ...

   newUL.remove();

もう少し説明してもらえますか?
Shamseer Ahammed 2018

@ShamseerAhammed何がわかりませんか?
roToRa 2018

9

ちょうど同じ問題があり、私はこれに遭遇しました-これは実際に私のためにトリックを行います:

// $("#the_div").contents().remove();
// or short: 
$("#the_div").empty();
$("#the_div").append("HTML goes in here...");

1
私は.contents().remove()等しいと信じてい.empty()ます。
pimvdb 2011

2
チェーンについて知っているかどうかは完全にはわかりません。万が一の場合に備えて、jQueryで次のようにステートメントを組み合わせることができます$(...).empty().append(...):)
pimvdb 2011

5

反対側はchildren()ですが、反対側の位置はprepend()です。ここに非常に良いチュートリアルがあります。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.