kostenloser Webspace werbefrei: lima-city

Jquery tabelle erstellen?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   gaestefun

   

   gaestefun hat kostenlosen Webspace.

   16:21, 18.8.2011

   Hi ich wollte mit jQuery eine Tabelle erstellen, mein Code ist folgender:
   

   <table id="Field">
       </table>
        <script>
           for(var i = 0;i < 20;i++){
               $("#Field").append("<tr>");
                   for(var o = 0;o < 20;o++){
                       $("#Field").append("<td> <img src=\"/home//Dokumente/script/empty.png\" style=\"border: 0px;\" /></td>");
                       }
               $("#Field").append("</tr>");
           }
       </script>

   
   aber anstelle der Tabelle wird folgendes gemacht:
   
   

   <table id="Field">
       <tbody><tr></tr>[...]</tbody><td> <img src="/home/Dokumente/script/empty.png" style="border: 0px;"></td><td> <img src="/home//Dokumente/script/empty.png" style="border: 0px;"></td><td> <img src="/home//Dokumente/script/empty.png" style="border: 0px;"></td><td> <img src="/home//Dokumente/script/empty.png" style="border: 0px;"></td><td> <img src="/home/Dokumente/script/empty.png" style="border: 0px;"></td><td> <img src="/home//Dokumente/script/empty.png" style="border: 0px;"></td><td> <img src="/home//Dokumente/script/empty.png" style="border: 0px;"></td><td> <img src="/home/Dokumente/script/empty.png" style="border: 0px;"></td><td> <img src="/home/Dokumente/script/empty.png" style="border: 0px;"></td><td> </td>
   [...]</table>

   
   Wo liegt das Problem, bzw wie mache ich es "richtig"
   
   Beitrag zuletzt geändert: 18.8.2011 16:22:49 von gaestefun

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. h**s

   13:05, 19.8.2011

   Nun es passiert doch genau das was du angegeben hast...
   
   damit aus den 2 schleifen eine valide html-tabelle wird musst du eigentlich nur noch daran denken in der 2ten schleife die td nicht direkt an das tabellenelement zu hängen sondern halt an die tr die gerade aus der ersten schleife da ist.

4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?