jquery - jQuery - 子を含む要素のすべてのクラスと ID をクリアする

Question

要素とその子のすべてのクラスと ID をクリアしようとしています。しかし、私の現在のコードは、親からのみクラスとIDをクリアしています。

要素とその子のすべてのクラスと ID をクリアする方法を教えてください。

これが私のコードです：

jQuery('#menu-main-menu').clone()
.removeAttr('id').removeAttr('class').prependTo('body');

Answer 1

これにより、複製されたツリーのすべての下位オブジェクトが処理されます。

jQuery('#menu-main-menu').clone().find("*")
    .removeAttr('id').removeAttr('class').end().prependTo('body');

新しい親の属性も削除したい場合は、次のようにします。

var clone = jQuery('#menu-main-menu').clone();
clone.add(clone.find("*")).removeAttr('id').removeAttr('class');
clone.prependTo('body');

理解すべきポイント.add()は、新しい jQuery オブジェクトを作成するため、clonejQuery オブジェクトは.add().

Answer 2

子からも削除する必要がありidます。class

var $elem = jQuery('#menu-main-menu').clone();
$elem.removeAttr('id').removeAttr('class');
$elem.find('*').removeAttr('id').removeAttr('class');
$elem.prependTo('body');

Answer 3

試す：

jQuery('#menu-main-menu').clone().children().
.removeAttr('id').removeAttr('class').prependTo('body');