Search jQuery

jQuery Forum

Using jQuery

Donni Gun..

.remove is not fired up in the next loop

in Using jQuery • 6 years ago

Hi,

This actually a loop. but the .remove() is seems not working after the next loop. The code is :

$( "#name1" ).remove();
$( "#afterthis" ).append('<div id="name1"></div>');
$( "#name1" ).after( '<div class="sched-left-col" style="color:#000; font-size:2em; font-family: "Orbitron", sans-serif; padding:0 0.3em;">'+ obj.sched_on1 +'</div><div class="sched-content"><div style="font-size:3em; padding-left:1em; color:#FFF; ">'+ obj.student1 +'</div></div><div class="clear"></div>' );
$(".sched-wrap").toggleClass('fadeIn fadeIn');

Replies(6)

jakecigar

Re: .remove is not fired up in the next loop

6 years ago

.after() | jQuery API Documentation is not what you want.

.html() | jQuery API Documentation would work.

JΛ̊KE

watusiware

Re: .remove is not fired up in the next loop

6 years ago

Please don't ask us to imagine a loop. If this is in a loop, and you think that is relevant, then post the complete code showing the loop. Don't ask us to guess what your code looks like.

Line 5 above can't possibly work, even if it change .after() to .html(). You removed the element with ID name1 in line 1. Line 5 will not find it. It is already gone. Line 5 will do nothing.

jakecigar

Re: .remove is not fired up in the next loop

6 years ago

line 4, name1 is recreated

JΛ̊KE

watusiware

Re: .remove is not fired up in the next loop

6 years ago

line 4, name1 is recreated

Ah, I missed that!

----

It's always helpful to post your HTML, so that we don't have to guess.

If you aren't moving #name1 around in the document, simply replace it's HTML content. You do not have to remove it and then put it back!

IF your HTML looks something like this (I have to guess...):

</div>

Simply use:

$( "#name1" ).html( '<div class="sched-left-col" style="color:#000; font-size:2em; font-family: "Orbitron", sans-serif; padding:0 0.3em;">'+ obj.sched_on1 +'</div><div class="sched-content"><div style="font-size:3em; padding-left:1em; color:#FFF; ">'+ obj.student1 +'</div></div><div class="clear"></div>' );

But, geez, please just add a CSS class and style in your stylesheet instead of all those inline styles.

Donni Gun..