jquery geschachtelter Loop

  • Themenstarter Themenstarter Netzwerkidi
  • Beginndatum Beginndatum
N

Netzwerkidi

OK, erledigt!!

##################

Hallo in die Runde,

nachdem nun ein wenig Grundlagenwissen in JS habe, wollte ich mich in jquery einarbeiten und die vorhandenen Routinen anpassen.

Wer kann mir denn sagen, wie ich einen geschachtelten Loop schreibe?

Es soll im Testfile pro UL-Element etwas mit dem jeweils altuellen UL-Element gemacht werden und dann alle dazugehörigen LI-Elemente angezeigt werden.

Danke + beste Grüße
Idi

Hier der Code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
  <head>
    <title>test jquery 2er loop</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>                        

<body>                        
  
  <ul>
    <li>foo</li>
    <li>bar</li>           
  </ul>
  
  <ul>
    <li>bla1</li>
    <li>bla2</li>           
  </ul>  


<script type="text/javascript">
  // Loop über alle UL-Elemente
  $('ul').each(function(i,val){
    alert('ID='+$(this).attr('id')+ ", i="+i);
    // Loop über alle LI-Elemente je UL-Element
    $('li', this).each(function(j){
      alert('ID='+$(this).attr('id')+ ", j="+j+" value="+$(this).text());
    });
  });
</script>

  </body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Wer kann mir denn sagen, wie ich einen geschachtelten Loop schreibe?

Erst mal genauso wie vorher ohne jQuery.

Es soll im Testfile pro UL-Element etwas mit dem jeweils altuellen UL-Element gemacht werden und dann alle dazugehörigen LI-Elemente angezeigt werden.

Wenn du uns sagst, was damit gemacht werden soll, können wir dir besser sagen wie. Denn genau da liegt eine Stärke von jQuery, dass man mit wenig Code viele Sachen auf mehreren Elementen machen kann.
 

Neue Beiträge

Zurück