Geek asks and answers

Proper way to remove and add new html using jQuery

I have two div elements inside another. From time to time, from user interactivity, these two elements are removed and two new elements are placed.

Is it right to delete existing items first? Or just rewrite html? Or does it even matter?

$('#item1').remove();
$('#item2').remove();
$('#itemWindow').append(newItem1);
$('#itemWindow').append(newItem2);

Or simply

$('#itemWindow').html(newItem1);
$('#itemWindow').append(newItem2);

One less code, but should the item be deleted instead? The subjects have no listeners, but if they did, does it matter?

I am an ActionScript developer immersed in JS and jQuery. In AS, if there are any listeners, you must first remove the element in order to break any communication with the object, for the correct memory collection. Are these rules the same with JS and jQuery?

Thank!

+5
source share
4

. , .

$('#itemWindow').html(newItem1);

$('#item1') $('#item2') . .

@glavić , html jQuery https://github.com/jquery/jquery/blob/master/src/manipulation.js#L213 , .

 if ( elem ) {
    this.empty().append( value );
 }

elem . , emptied, appended.

, , , $. on

+3

$( '# item1') (). id item1

$( '# item1') HTML (newItem1). html id item1

0

, , , , , , . , , - , .

0

- , . .remove() . , , . , - .

0

More articles:


All Articles