複製されたオブジェクトとハードコードされたHTMLの違い

Question

#firstを#testにコピーするシナリオは、それを実装する2つのシナリオです。

<div class="first"> 
    <div class="second">1</div> 
</div> 

<div class="test"> 
    <div>--------------</div> 
</div> 

JQUERY1：JQUERY1上

var cloner = $('.first').clone().prop({ 
    'class': 'changed_first' 
}); 
$('.test').append(cloner) 
$('.changed_first > .second').attr('class', 'changed_second'); 
$('.changed_first > .second').html('2'); 

迂回質問：内部要素のプロパティを変更するには、cloneメソッドで可能性はありますか？

JQUERY2：

$('.test').append('<div class="changed_first"><div class="changed_second">2</div></div>'); 

Answer 1

クローンを使用してあなたの第一の方法は、良いものになります。

そして、はい、それをdomにバインドする前にクローンされた要素を操作できます。

あなたがどこかにあればバインドする前にクローン化された要素に任意のIDまたはクラスにアクセスしたい場合は、「最良」の方法を尋ねる

var cloner = $('.first').clone().prop({ 
    'class': 'changed_first' 
}); 

cloner.find('#id').css('something','css-value'); 
var data_id = cloner.find('.class').attr('data-bind');