webForumDet fria alternativet

Loopa DIV-taggar

JavaScript

7 svar · 286 visningar · startad av Brimba

Medlem sedan dec. 19995 874 inlägg
Frågan#1

om jag har en sida som ser ut ungefär såhär:

<body>
    <div id=p3 class=woo>peeetree</div>
    <div id=p7 class=woo>peeesjuuu</div>
    <div id=p13 class=woo>peeetreetooon</div>
</body>

Hur plockar jag ut alla rader? alltså en loop med javascript.
Jag kan enkelt plocka ut exempelvis texten 'peeetree' eller id:t p3, men jag har ingen aning om hur man loopar igenom hela sidan efter detta.

Tacksam för hjälp!

Medlem sedan juni 20004 308 inlägg
#2

Ett litet DOM-exemepel som loopar igenom alla "syskon" till ett element och plockar fram deras id'n och lagrar dem i en array.

<div>
	<div id="p3">aaaa</div>
	<div id="p7">bbbb</div>
	<div id="p13">cccc</div>
</div>
<script language="JavaScript" type="text/javascript">
if(document.getElementById){
	idarray=new Array("p3"); // första id't
	while(document.getElementById(idarray[idarray.length-1]).nextSibling){
		idarray[idarray.length]=document.getElementById(idarray[idarray.length-1]).nextSibling.id;
	}
}
</script>
Medlem sedan juli 20011 084 inlägg
#3

peeetree
peeesjuuu
peeetreetooon
Hur plockar jag ut alla rader? alltså en loop med javascript. Jag kan enkelt plocka ut ...">Loopa DIV-taggar

va e de för jobbig titel?

Medlem sedan juni 20004 308 inlägg
#4

Det sa du ju att du redan hade koll på :)

for(n=0;n<idarray.length;n++){
	alert(document.getElementById(idarray[n]).innerHTML);
}
Medlem sedan dec. 19995 874 inlägg
#5

jojoxx: Det var inte jag som skrev det :p

mozilla: Den titeln är inte så överallt, och jag har låtit det vara då jag kan ha hittat en bugg, som isåfall skall åtgärdas :)
Men just nu fungerar den som "bevismaterial", även om ett jobbigt sådant :)

Medlem sedan juni 20004 308 inlägg
#6

Woops, sorry :) Lång dag idag.

Medlem sedan dec. 19995 874 inlägg
#7

Om jag har samma problem, men bara vill hämta den nästföljande? Exempelvis, jag skickar in p3, och skall få ut p7 alltså. Endast ett värde skall returneras

Medlem sedan dec. 19995 874 inlägg
#8

Löste det genom:

document.getElementById('p3').nextSibling.id;
562 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
137 ms — deklarationer (db)
0 ms — hämta statistik (cache)
418 ms — hämta tråd, inlägg och bilagor (db)
139 ms — ändringar (db)