JQuery - innehåll i element - Versionshistorik

PGJ: /* Att visa med html() */

2019-01-12T20:52:46Z

Att visa med html()

← Äldre version		Versionen från 12 januari 2019 kl. 20.52
Rad 74:		Rad 74:
	=== Att visa med <code>html()</code>===		=== Att visa med <code>html()</code>===
	Om vi istället skulle visa det utlästa innehållet med <code>.html(a)</code> skulle resultatet bli följande:		Om vi istället skulle visa det utlästa innehållet med <code>.html(a)</code> skulle resultatet bli följande:
	<codepen pen="zroGZG" tab="js,result" height="~~450~~">		<codepen pen="zroGZG" tab="js,result" height="475">
	</codepen>		</codepen>

2019-01-12T20:52:29Z

Att visa med html()

← Äldre version		Versionen från 12 januari 2019 kl. 20.52
Rad 74:		Rad 74:
	=== Att visa med <code>html()</code>===		=== Att visa med <code>html()</code>===
	Om vi istället skulle visa det utlästa innehållet med <code>.html(a)</code> skulle resultatet bli följande:		Om vi istället skulle visa det utlästa innehållet med <code>.html(a)</code> skulle resultatet bli följande:
	<codepen pen="zroGZG" tab="js" height="~~410~~">		<codepen pen="zroGZG" tab="js,result" height="450">
	</codepen>		</codepen>

2019-01-12T20:52:05Z

Att visa med text()

← Äldre version		Versionen från 12 januari 2019 kl. 20.52
Rad 63:		Rad 63:

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

2019-01-12T20:51:38Z

Ändra innehåll i ett komplex element

← Äldre version		Versionen från 12 januari 2019 kl. 20.51
Rad 52:		Rad 52:
	=== Ändra innehåll i ett komplex element ===		=== Ändra innehåll i ett komplex element ===
	Nu ska vi prova att ersätta textinnehållet i ett element som har flera underelement.		Nu ska vi prova att ersätta textinnehållet i ett element som har flera underelement.
	<codepen pen="RroPGZ" tab="js" height="~~330~~">		<codepen pen="RroPGZ" tab="js,result" height="400">
	</codepen>		</codepen>

2019-01-12T20:51:18Z

Sätta flera element samtidigt

← Äldre version		Versionen från 12 januari 2019 kl. 20.51
Rad 45:		Rad 45:
	=== Sätta flera element samtidigt ===		=== Sätta flera element samtidigt ===
	Vad händer då om vi väljer ut alla <code>p</code>-element och använder <code>.text('skriv över');</code>?		Vad händer då om vi väljer ut alla <code>p</code>-element och använder <code>.text('skriv över');</code>?
	<codepen pen="VemLjp" tab="js" height="~~310~~">		<codepen pen="VemLjp" tab="js,result" height="400">
	</codepen>		</codepen>

2019-01-12T20:50:47Z

Läsa flera element samtidigt

← Äldre version		Versionen från 12 januari 2019 kl. 20.50
Rad 38:		Rad 38:
	=== Läsa flera element samtidigt ===		=== Läsa flera element samtidigt ===
	Vi provar en annan variant. Den här gången väljer vi ut alla <code>p</code>-element.		Vi provar en annan variant. Den här gången väljer vi ut alla <code>p</code>-element.
	<codepen pen="gPLpro" tab="js" height="~~340~~">		<codepen pen="gPLpro" tab="js,result" height="400">
	</codepen>		</codepen>

2019-01-12T20:50:26Z

Element med komplext innehåll

← Äldre version		Versionen från 12 januari 2019 kl. 20.50
Rad 27:		Rad 27:
	=== Element med komplext innehåll ===		=== Element med komplext innehåll ===
	I nästa exempel ska vi se vad som händer om vi tar ut text ifrån ett element som har flera underelement.		I nästa exempel ska vi se vad som händer om vi tar ut text ifrån ett element som har flera underelement.
	<codepen pen="GoNJoM" tab="js" height="~~340~~">		<codepen pen="GoNJoM" tab="js,result" height="400">
	</codepen>		</codepen>

2019-01-12T20:50:04Z

Element med enkelt innehåll

← Äldre version		Versionen från 12 januari 2019 kl. 20.50
Rad 18:		Rad 18:
	=== Element med enkelt innehåll ===		=== Element med enkelt innehåll ===
	Om du vill ha det rena textinnehållet som finns inuti ett element, kan du använda dig av metoden <code>.text()</code>. Här följer ett kort grundexempel:		Om du vill ha det rena textinnehållet som finns inuti ett element, kan du använda dig av metoden <code>.text()</code>. Här följer ett kort grundexempel:
	<codepen pen="EPNjax" tab="js,result" height="~~375~~">		<codepen pen="EPNjax" tab="js,result" height="400">
	</codepen>		</codepen>

2019-01-12T20:49:50Z

Element med enkelt innehåll

← Äldre version		Versionen från 12 januari 2019 kl. 20.49
Rad 18:		Rad 18:
	=== Element med enkelt innehåll ===		=== Element med enkelt innehåll ===
	Om du vill ha det rena textinnehållet som finns inuti ett element, kan du använda dig av metoden <code>.text()</code>. Här följer ett kort grundexempel:		Om du vill ha det rena textinnehållet som finns inuti ett element, kan du använda dig av metoden <code>.text()</code>. Här följer ett kort grundexempel:
	<codepen pen="EPNjax" tab="js,result" height="~~340~~">		<codepen pen="EPNjax" tab="js,result" height="375">
	</codepen>		</codepen>

2019-01-12T20:49:36Z

Element med enkelt innehåll

← Äldre version		Versionen från 12 januari 2019 kl. 20.49
Rad 18:		Rad 18:
	=== Element med enkelt innehåll ===		=== Element med enkelt innehåll ===
	Om du vill ha det rena textinnehållet som finns inuti ett element, kan du använda dig av metoden <code>.text()</code>. Här följer ett kort grundexempel:		Om du vill ha det rena textinnehållet som finns inuti ett element, kan du använda dig av metoden <code>.text()</code>. Här följer ett kort grundexempel:
	<codepen pen="EPNjax" tab="js" height="340">		<codepen pen="EPNjax" tab="js,result" height="340">
	</codepen>		</codepen>

	~~(Återigen, tryck på "Result" för att se resultatet.)~~

	På rad ett i JavaScript-koden läser vi ut innehållet som finns i det HTML-element som har klassen <code>a</code>. Innehållet läses ut med metoden <code>.text()</code>. När man kallar på denna metod utan att ange någon parameter, så kommer jQuery att läsa ut innehållet ur angivet element.		På rad ett i JavaScript-koden läser vi ut innehållet som finns i det HTML-element som har klassen <code>a</code>. Innehållet läses ut med metoden <code>.text()</code>. När man kallar på denna metod utan att ange någon parameter, så kommer jQuery att läsa ut innehållet ur angivet element.