JQuery html () probléma. Valakisegítség? (:
Van egy doboz az oldal közepén és én javascript és jquery segítségével szeretnék beletenni 50 dobozt, de a html() függvény valamiért nincs nagyon a segítségemre a for ciklusban. (Lényegében nem tesz bele egy div-et sem.)
A kód:
html:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/csss" href="css/style.css" />
</head>
<body>
<div id="doboz">
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>
css:
*{
margin: 0px;
padding: 0px;
}
body{
background-color: #777;
}
div#doboz{
width: 500px;
height: 500px;
margin: 70px auto;
background-color: #323232;
}
jquery:
$(document).ready(function(){
for(int i=0;i<50;++i){
$('#doboz').html('<div></div>');
}
});
Szóval valami ilyesmire kapásból megoldást, hogy hogyan tudok egy diven belül elemeket elhelyezni?:D (Mivel ezekbe még képeket is szeretnék egymáson meg hasonlókat elhelyezni.)
A választ előre köszi^^
$(document).ready(function(){
for(int i=0;i<50;++i){
$('#doboz').html($('#doboz').html()+'<div></div>');
}
});
Talán így, most nem teszteltem le neked. Lényeg, hogy a html mindig felülírja a jelenleg benne található dolgot, ezért kell bele tenni a jelenlegi tartalmát is újra ahogy átírtam neked. Ha nem jó akkor próbálkozz de a hiba ez lesz.
Az a gond hogy így sincs benne egy div sem.:/
Teljesen üres.
Ezzel a megoldással 50-szer lecseréled a tartalmát a a doboz id-jú divnek.
Erre van szükséged:
for (i = 1; i <= 50; i++){
$('#doboz').append('<div>'+i+'</div>');
}
Ez i változó csak azért van benne, hogy lásd hányszor fut le.
oh hogy nem jutott eszembe? zseniális tényleg(: köszi mindenkinek:P
Ment a 100%
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!