Auf Elemente in einem div-Block zugreifen

[erazor2106]

Hallo Leute,

wie kann ich denn auf die Elemente innerhalb eines <div> zugreifen. Mein Beispiel:

<div id="Box">
  
    <div id=feld1">
        <p>Feld 1</p>
    </div>

    <div id=feld2">
        <p>Feld 2</p>
    </div>

    <div id=feld3">
        <p>Feld 3</p>
    </div>

    <div id=feld3">
        <p>Feld 3</p>
    </div>

</div>

Diese Feld 1 bis n werden automatisch erzeugt bzw. per Drag and Drop in die BOx hineingezogen. Wie kann ich dann auslesen wie viele solcher Elemente in der Box sind und wie der Name dieser Elemente ist?

VIelen Dank und viele Grüße erazor

 

[mermshaus]

Beispielsweise mit einem jQuery-Selektor.

- Tutorials:Getting Started with jQuery - jQuery JavaScript Library

$('#Box div').each(function () { alert($(this).attr('id')); }); (ungetestet)

 

[erazor2106]

Danke für deine Antwort, hatte jetzt noch eine andere Möglichkeit gefunden:

var e=document.getElementById("Box").getElementsByTagName("div");
alert(e.id);

Weiß nur noch nicht wie ich da auf das p-Tag zugreifen kann

 

[mermshaus]

Wieder ungetestet:

for (var i = 0; i < e.length; i++) { var ps = e[[noparse][/noparse]i].getElementsByTagName('p'); }

Das sollte für jedes e-Element ein Array aller p-Elemente darin (ist nur eins, aber die Methode liefert dennoch ein Array) liefern. Dann noch eine Schleife oder meinetwegen auch einfach ein ps[0] und du bist da.

In jQuery eben: $('#Box div p')

Das Ding hat schon seinen Zweck, aber das soll dann an Werbung auch reichen.