JQuery - att ta bort element - Versionshistorik

PGJ: /* replaceWith med funktion som parameter */

2019-01-12T21:01:06Z

replaceWith med funktion som parameter

← Äldre version		Versionen från 12 januari 2019 kl. 21.01
Rad 47:		Rad 47:

	Ett exempel på detta:		Ett exempel på detta:
	<codepen pen="qbmJzE" tab="js,result" height="~~300~~">		<codepen pen="qbmJzE" tab="js,result" height="350">
	</codepen>		</codepen>

2019-01-12T21:00:53Z

replaceWith med funktion som parameter

← Äldre version		Versionen från 12 januari 2019 kl. 21.00
Rad 47:		Rad 47:

	Ett exempel på detta:		Ett exempel på detta:
	<codepen pen="qbmJzE" tab="js" height="300">		<codepen pen="qbmJzE" tab="js,result" height="300">
	</codepen>		</codepen>

2019-01-12T21:00:34Z

replaceWith

← Äldre version		Versionen från 12 januari 2019 kl. 21.00
Rad 34:		Rad 34:

	Vi kör ett exempel på detta:		Vi kör ett exempel på detta:
	<codepen pen="jWmeRx" tab="js,result" height="~~300~~">		<codepen pen="jWmeRx" tab="js,result" height="350">
	</codepen>		</codepen>

2019-01-12T21:00:22Z

replaceWith

← Äldre version		Versionen från 12 januari 2019 kl. 21.00
Rad 34:		Rad 34:

	Vi kör ett exempel på detta:		Vi kör ett exempel på detta:
	<codepen pen="jWmeRx" tab="js" height="300">		<codepen pen="jWmeRx" tab="js,result" height="300">
	</codepen>		</codepen>

2019-01-12T21:00:05Z

empty

← Äldre version		Versionen från 12 januari 2019 kl. 21.00
Rad 25:		Rad 25:

	Vi kör ett litet enkelt exempel:		Vi kör ett litet enkelt exempel:
	<codepen pen="LGygaE" tab="js" height="300">		<codepen pen="LGygaE" tab="js,result" height="300">
	</codepen>		</codepen>

2019-01-12T20:59:52Z

detach

← Äldre version		Versionen från 12 januari 2019 kl. 20.59
Rad 16:		Rad 16:

	Vi kör ett exempel:		Vi kör ett exempel:
	<codepen pen="bgaGGy" tab="js" height="500">		<codepen pen="bgaGGy" tab="js,result" height="500">
	</codepen>		</codepen>

2019-01-12T20:59:34Z

remove

← Äldre version		Versionen från 12 januari 2019 kl. 20.59
Rad 5:		Rad 5:

	Det är enkelt att använda denna metod. Här följer ett exempel:		Det är enkelt att använda denna metod. Här följer ett exempel:
	<codepen pen="MKmPPq" tab="js" height="300">		<codepen pen="MKmPPq" tab="js,result" height="300">
	</codepen>		</codepen>

2017-02-08T13:43:16Z

remove

← Äldre version		Versionen från 8 februari 2017 kl. 13.43
Rad 2:		Rad 2:

	== <code>remove</code> ==		== <code>remove</code> ==
	Med <code>remove</code> kan du plocka bort ett element ~~och dess innehåll helt och hållet~~ ur DOM. Om elementet innehåller ~~andra~~ underelement, så tas även dessa bort. Eventuella händelser och data som är kopplade till elementet och dess underelement försvinner även dessa.		Med <code>remove</code> kan du plocka bort ett element ur DOM. Om elementet innehåller underelement, så tas även dessa bort. Eventuella händelser och data som är kopplade till elementet och dess underelement försvinner även dessa.

	Det är enkelt att använda denna metod. Här följer ett exempel:		Det är enkelt att använda denna metod. Här följer ett exempel:

2017-01-29T17:42:35Z

replaceWith

← Äldre version		Versionen från 29 januari 2017 kl. 17.42
Rad 31:		Rad 31:

	== <code>replaceWith</code> ==		== <code>replaceWith</code> ==
	Om man vill ersätt alla matchade element med andra element, kan man använda sig av <code>replaceWith</code>. Man gör matchningarna som vanligt och för varje ~~sak~~ som matchas så kommer ~~denna~~ att ersättas med den parameter som man angivit till <code>replaceWith</code>.		Om man vill ersätt alla matchade element med andra element, kan man använda sig av <code>replaceWith</code>. Man gör matchningarna som vanligt och för varje element som matchas så kommer detta att ersättas med den parameter som man angivit till <code>replaceWith</code>.

	Vi kör ett exempel på detta:		Vi kör ett exempel på detta:

2017-01-29T17:41:51Z

empty

← Äldre version		Versionen från 29 januari 2017 kl. 17.41
Rad 22:		Rad 22:

	== <code>empty</code> ==		== <code>empty</code> ==
	Ibland kanske du vill ha kvar ett element, men vill ta bort allt dess innehåll. Där innehåll inkluderar alla eventuella underelement. I sådana fall är <code>empty</code> en passande metod. Liksom <code>remove</code> så försvinner eventuell data och kopplingar till händelser ifrån de underelement som tas bort~~. Om du inte vill det måste du använda <code>detach</code> istället~~.		Ibland kanske du vill ha kvar ett element, men vill ta bort allt dess innehåll. Där innehåll inkluderar alla eventuella underelement. I sådana fall är <code>empty</code> en passande metod. Liksom <code>remove</code> så försvinner eventuell data och kopplingar till händelser ifrån de underelement som tas bort.

	Vi kör ett litet enkelt exempel:		Vi kör ett litet enkelt exempel: