Childs nach ID mit index aussortieren

[cosan]

Hallo an alle zusammen....

Leider habe ich nichts im internet gefunden, hoffe mir kann jemand hier helfen.

Mein Problem ist, ich weis nicht wie ich childs mit einem Index per JavaScript herausbekomme.

z.B. ich hab das hier:

<div id="firstChild">
  <div id="second">
     <div id="div_1"></div>
  </div>
  <div id="third">
     <div id="div_2"></div>
  </div>
  <div id="fourth">
     <div id="div_2"></div>
  </div>
</div>

Jetzt würde ich gene nur die die divs mit den IDs div_1, div_2, div_3 irgendwie bekommen. In der Forschleife wäre irgendwie albern. Gibt es nicht irgendetwas wo ich es auf einen Schlag machen kann?

z.B.

  var myChilds =  $("#firstChild").children("#div_x");

 

[mermshaus]

Recht genau funktionieren dürfte: $('#firstChild').find('[id^="div_"]') (jsFiddle)

Das trifft allerdings auch "div_test" und dergleichen. Siehe: Selectors | jQuery API Documentation

Wenn du es noch genauer brauchst, könntest du noch einen Filter mit Callback dahinter hängen, in dem du das ID-Attribut gegen einen regulären Ausdruck prüfst: .filter() | jQuery API Documentation

 

[cosan]

hi... alles klar funktioniert :) vielen dank..

Kannst du mir evtl noch helfen?

Ich habe jetzt alle divs z.B. in einem Array. Wie bekomme ich jetzt den VALUE von diesem DIV? Oder die ID z.B?

Also irgendein Attribut...

so funktioniert es ja leider nicht:

myArray[0].value;

 

[Tronjer]

Über eine Schleife

ungeprüft:

// Obj mit IDs
var vieleIDs = {....}

$(vieleIDs).each(function(index, value) {
    var foo = $(value).attr('id');
// tu was mit foo
});

 

[cosan]

ich habe ja keine IDs.
Ich habe ein Array in dem die Elemente (div) sind. Da die webseite dynamisch erstellt wird, sind es immer unterschiedlich viele divs und verschiedene IDs.
Die sind durchnummerriert....

 

[Tronjer]

Drei Divs:

<div id="one">Foo</div>
<div id="two">Bar</div>
<div id="three">Baz</div>

HTML-Collection in Objekt gespeichert:

var foo = $('div');

Und die Werte der Collection.

$.each(foo, function(index, value) {
  console.log('div-nr: ' + index + ' id: ' + $(value).attr('id') + ' wert: ' + $(value).text())
})