web-dev-qa-db-ja.com

親<div>内のすべての<div>のコンテンツを消去する方法

私はいくつかの子<div id="masterdiv">を持つdiv <div>を持っています。

例：

<div id="masterdiv">
  <div id="childdiv1" />
  <div id="childdiv2" />
  <div id="childdiv3" />
</div>

JQueryを使用してマスター<div>内のすべての子<div>sの内容を消去する方法

javascriptjqueryhtmldom-manipulation
208
Prasad
jQuery('#masterdiv div').html('');
256
Quentin

jQueryの empty() 関数は以下のことを行います。

$('#masterdiv').empty();

マスターdivを消去します。

$('#masterdiv div').empty();

すべての子のdivsをクリアしますが、マスターはそのまま残します。

434
Emil Ivanov

JQueryのCSSセレクタ構文を使用して、idがdivの要素内のすべてのmasterdiv要素を選択します。次に empty() を呼び出して内容を消去します。

$('#masterdiv div').empty();

text('')またはhtml('')を使用すると、文字列の解析が行われます。これは一般にDOMを扱うときには悪い考えです。可能な限りDOMオブジェクトの文字列表現を含まないDOM操作メソッドを試してみてください。

19
Drew Noakes

そのmasterdiv内のすべてのdivをクリアする必要がある場合は、これです。

$('#masterdiv div').html('');

それ以外の場合は、＃masterdivのすべてのdiv子を反復処理し、IDがchilddivで始まるかどうかを確認する必要があります。

$('#masterdiv div').each(
    function(element){
        if(element.attr('id').substr(0, 8) == "childdiv")
        {
            element.html('');
        }
    }
 );
11
Ikke

より良い方法は：

 $( ".masterdiv" ).empty();
11
Joe Mike

jQueryでは、 "。empty（）"、 "。remove（）"、 "。detach（）"を使用することをお勧めします。

要素内のすべての要素を削除する必要がある場合は、次のコードを使用してください。

$('#target_id').empty();

すべての要素を削除する必要がある場合は、次のコードを使用してください。

$('#target_id').remove();

.html（）.attr（）.text（）のように、私とjQueryグループは使用をお勧めしませんSET FUNCTION、それは何ですか？必要なものを設定したい場合は

ref： https://learn.jquery.com/using-jquery-core/manipulating-elements/

9
Abdul Aziz Al Basyir

あなたはすべての子要素をクリアするために.empty（）関数を使うことができます

 $(document).ready(function () {
  $("#button").click(function () {
   //only the content inside of the element will be deleted
   $("#masterdiv").empty();
  });
 });

Jquery .empty（）、.hide（）、.remove（）、および.detach（）の間の比較を見るには、こちらをご覧ください http://www.voidtricks.com/jquery-empty-hide-remove-detach） /

6
Anand Roshan
$("#masterdiv div").text("");
5
brendan
$("#masterdiv > *").text("")

または

$("#masterdiv").children().text("")
5
adamse
$('#div_id').empty();

または

$('.div_class').empty();

Div内の内容を削除するためにうまく機能する

4
Raki

サービスまたはデータベースを使用してIDでデータをdivに追加する場合は、まず次のように空にしてみてください。

var json = jsonParse(data.d);
$('#divname').empty();
4
Sheeraz
$("#masterdiv div[id^='childdiv']").each(function(el){$(el).empty();});

または

$("#masterdiv").find("div[id^='childdiv']").each(function(el){$(el).empty();});
4
andres descalzo

それが助けるならそれらを試みなさい。

$('.div_parent .div_child').empty();

$('#div_parent #div_child').empty();

0
Gaurav Kaushik