Problema al crear un div

Blashak · #1 (**permalink**) 16/01/2011, 20:02

Buenas

Estoy haciendo un web que contiene un boton, que cuando le das crea un div.El problema viene, cuando crea la div elimina todo lo que hay en la web. alguien sabe porque???

codigo:

Código HTML:

Ver original<script type="text/javascript" src="jquery.js"></script>
 
</head>
 
<body>
<div id="total">
<textarea id="tet" ></textarea>
<div class="boton">crear parrafo</div>
<div class="aumentar">crear parrafo</div>
<div class="disminuir">crear parrafo</div>
</div>
 
<script type="text/javascript">
 
 
$(document).ready(function() {
 
 $('#total .boton').click(function() {
     var $texto = $('textarea#tet').val();
    $("div").text($texto);
    $('div').css("border", "2px solid red");
    $('div').css("background", "yellow");
    $('div').inserBefore('#total');
    
 });
});
</script>
</body>

goteen_mx · #2 (**permalink**) 17/01/2011, 19:35

Tu función está un poco extraña porq ue $(div) es una colección de todos los divs que hay, $("#tot") es el primer div

checate esta página
http://api.jquery.com/insertBefore/

$("elemento") trae la colección de elementos de un tipo p.j. div, p, td, table, etc
$("#id") trae un elemento buscando el Id del mismo