Mostra id de un div con jquery

lalin27 · #1 (**permalink**) 25/08/2010, 09:00

Hola a todos, busque la seccion jquery pero no di con ella, entonces expuse mi problema en desarrollo web general sorry si lo hice mal.

Ahora mi problema es el siguiente necesito tomar el id de un div con jquery al pasar el mouse por dicho div el codigo es el siguiente

alert($(this).attr("id"));

con esto solo logro desplegar el style del div pero en ningun caso el nombre de id

ayuda pliss.

seudoCodigo · #2 (**permalink**) 26/08/2010, 00:21

Hola lalin27 y bienvenido al foro,

Si entendí bien, para resolver lo que quieres necesitas llamar, en el evento mouseover de JQuery, el valor del atributo ID del elemento DIV.

te dejo un ejemplo de cómo debería ser ese script... ejecútalo en y me dejas saber si es lo que buscabas:

Código:

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <style>
    #mydiv{background-color:red;color:#FFFFFF;}
  </style>
</head>
<body>

<div id="mydiv">Hola!</div>

<script>

$('#mydiv').mouseover(function() {
	var myId = $(this).attr("id");
	alert(myId);
});

</script>

</body>
</html>

lalin27 · #3 (**permalink**) 26/08/2010, 10:16

Gracias seudoCodigos sip con eso logre desplegar el id del div, pero ahora mi problema es que dentro de un div padre creo muchos div(hijos) puede ser un cantidad x y necesito saber cual es el div(hijo) que fue presionado para poder tomar el texto del div(hijo) , espero haber sido calro en mi necesidad y espero su ayuda GRACIAS!

angelAparicio · #4 (**permalink**) 26/08/2010, 11:15

Puedes poner un controlador a todos los divs. Algo así:

Código:

$('div').click(function() {
	var texto = $(this).text();
});

Si lo que tienes es un div padre, que tenga por id "padre", por ejemplo, puedes hacer esto otro (más recomendable):

Código:

$('#padre div').click(function() {
	var texto = $(this).text();
});

Con eso tienes el texto del div pulsado de entre todos los divs que sean hijos de #padre.

No he probado el código, pero debería funcionar.

lalin27 · #5 (**permalink**) 26/08/2010, 16:06

gracias amigos me fue muy util su ayuda..