Elementtien naapurien etsiminen JavaScriptissä

Annettu elementti #elem:

<ul>
	<li>text</li>
	<li>text</li>
	<li id="elem">text</li>
	<li>text</li>
	<li>text</li>
</ul>

Etsi sen yläpuolella oleva naapuri ja lisää sille loppuun teksti '!'.

Annettu elementti #elem:

<ul>
	<li>text</li>
	<li>text</li>
	<li id="elem">text</li>
	<li>text</li>
	<li>text</li>
</ul>

Etsi sen alapuolella oleva naapuri ja lisää sille loppuun teksti '!'.

Annettu elementti #elem:

<ul>
	<li>text</li>
	<li>text</li>
	<li id="elem">text</li>
	<li>text</li>
	<li>text</li>
</ul>

Etsi sen alapuolella olevan naapurin alapuolella oleva naapuri (seuraava elementti naapurin jälkeen) ja lisää sille loppuun teksti '!'.

Annettu elementti #elem:

<ul>
	<li>text1</li>
	<li>text2</li>
	<li id="elem">text3</li>
	<li>text4</li>
	<li>text5</li>
</ul>

Vaihda sen yläpuolella olevan naapurin teksti ja sen alapuolella olevan naapurin teksti keskenään.