javascript - ページの読み込み時に親 div を削除しますか?

Question

私は次のようなHTMLを持っています:

<div id="parent">
 <ul class="list">something here....</ul>
</div>

ページの読み込み時に、id="parent" を持つ kill div が必要です。つまり、ロードが完了した後、次のものしかありません。

<ul class="list">something here....</ul>

JavascriptまたはJqueryでこれを行うにはどうすればよいですか? ご協力いただきありがとうございます。

Answer 1

試すことができますか：

$(function() {
    $("ul.list").unwrap();
});

のドキュメントunwrap()。

Answer 2

div を完全に削除するには、次の有名なコードを試してください。

document.addEventListener('DOMContentLoaded',function(){
    var element = document.getElementById("parent");
    element.parentNode.removeChild(element);
},false);

IDで要素を削除

親 div のみを削除するには、jQuery の unwrap を使用します。

$(function() {
    $("ul.list").unwrap();
});

またはプレーンな JavaScript で:

  function unwrap() {
            var a = document.getElementById('element-to-be-unwrapped');
            newelement = a.firstElementChild.cloneNode();
            document.body.insertBefore(newelement, a);
            a.parentNode.removeChild(a);
  }

Answer 3

jQuery では、コードは次のとおりです。

var ul_holder = $('#parent').html();
$('#parent').remove();
$(document).append(ul_holder);

$(document) を他の要素に置き換えることができます