jquery selector no funciona, ¿por qué?

Question

Aug 28, 2012, 01:37 PM

jquery selector no funciona, ¿por qué?

Simplemente quiero manipular los elementos dentro del #content div, pero$('#content') No parece funcionar, y sin embargo, en otros lugares lo hace. Mi código relevante es muy simple:

HTML

<body>
  <input type='button' value='Save design' id='save'  />
  <div id="content" style="height: 200px; width:600px;border: 1px solid black;" class='whatev'></div>
</body>

Guión

$(document).ready(function(){   
   $('#save').click(function(e){
     alert( document.getElementById('content').id); // this works!
     alert($("#content").length); // this works! it outputs "1"
     alert($("#content").id); // this does NOT work - undefined, why?
     //end save function
   });

    $('#content').click(function(e){ 
       // do stuff // ALL of this works!
    });
});

Eso es. Si se da cuenta, funciona en algunos lugares (la función de clic completa vinculada a ella está perfectamente bien), pero donde no funciona, extrañamente todavía existe porquelength = 1. También intenté usar el contexto para buscar el div, por si acaso, (usando$('#content','body')), pero no sirve de nada.