[jQuery] ¿Como obtengo el objeto que llama a un evento?

barclow · #1 (**permalink**) 07/01/2010, 14:10

Hola a todos, Les comento mi problema:

¿Cómo puedo obtener el objeto que llama a una función?

ejemplo:

Código Javascript:

Ver original$(".clase").click(function(){ 
  /*Esto hace que todos los objetos cuya class sea clase, 
  se les asigne el procedimiento siguiente.
  */
 
  $("#cajaDeTexto").val( OBJETO.val());  //El problema es cómo accedo al objeto que
                                                //hizo la llamada a la función.
});

¿Se entiende?

JavierB · #2 (**permalink**) 07/01/2010, 14:59

Hola barclow

Puedes usar $(this). Creo que sería algo así:

Código javascript:

Ver original$("#cajaDeTexto").val($(this).val());

Saludos,

mayid · #3 (**permalink**) 07/01/2010, 15:08

Proba con $(this)

Cita:

$(".clase").click(function(){

$("#cajaDeTexto").val( $(this).val());
});

barclow · #4 (**permalink**) 08/01/2010, 07:30

me funciona perfecto, gracias.

ahora tengo otra pregunta, resulta que aplico el CSS "clase" a todos los links que se forman dinamicamente, y el texto de estos links <a> es la ID del campo que deseo modificar.

Entonces... cómo lo hago para pasarle parámetro a la función y luego cambiarle el nombre al botón....

algo así:

Código Javascript:

Ver original$(".clase").click(function(){ 
    //EL TEXTO ORIGINAL AGREGARLO AL PARAMETRO DE LA FUNCION
    FUNCTIONPARAMETER = $(this).outerText; 
   
    //CAMBIAR EL TEXTO DEL LINK
    $(".clase").outerText = "Seleccionar"; 
 
     // UNA VEZ SE LLAMA A LA FUNCION POR HACER CLICK EN EL LINK, 
    //QUE COPIE EL VALOR DEL PARAMETRO A UNA CAJA DE TEXTO
    $("#cajaDeTexto").val(FUNCTIONPARAMETER);

mayid · #5 (**permalink**) 08/01/2010, 08:15

A ver. Estoy con los ojos cansados y no termino de entender tu consigna, pero creo que es algo sencillo.

Para obtener el texto no usas outertext, sino el metodo .text()

Cita:

$(".clase").click(function(){

texto = $(this).text();

$(".clase").text("Seleccionar");

$("#cajaDeTexto").val(texto);

barclow · #6 (**permalink**) 08/01/2010, 18:45

gracias por responder, pero no es eso lo que necesito. a ver, explico de nuevo.

Código HTML:

Ver original<!-- Tengo el siguiente control-->
<a class="clase">1</a>
 
<!-- Necesito Simular esto con jQuery-->
<a class="clase" onclick="funcion('1')">TEXTO</a>
 
 
<script type="text/javascript">
   $(document).ready(function(){
        var PARAMETRO = $(".clase").outerText; 
        $(".clase").outerText = "TEXTO";
 
 
         $(".clase").click = funtion(funcion(PARAMETRO);
   });
 
function funcion(par){
    //PROCESO LA FUNCION
}
</script>

mayid · #7 (**permalink**) 08/01/2010, 19:42

Lo siento. Otra vez es de noche y tengo los ojos cansados. Pero tambien veo que hay llaves y parentesis que no estan claros en tu codigo.

Quizas estes tratando de obtener el id?

Cita:

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

barclow · #8 (**permalink**) 09/01/2010, 08:36

Pucha, es que no sé como explicarme...

mira, tengo lo siguiente

Código HTML:

Ver original<a class="clase">1</a>

quiero que con una funcion en jQuery, simular esto:

Código HTML:

Ver original<a class="clase" onclick="funcion('1')">TEXTO X</a>

Es decir, quiero tomar el texto del control, ponerlo como parámetro de mi función onclick y luego quiero cambiar el texto de la etiqueta <a> por algun otro.

mayid · #9 (**permalink**) 09/01/2010, 09:56

Cita:

$(".clase").click(function(){ // adjudico un evento click

texto = $(this).text(); // obtengo el texto actual

llamada(texto); // se lo paso como parametro a otra funcion

$(this).text("otro texto"); // cambio el texto

return false;

});

function llamada(b) { alert (b); }; // defino la otra funcion, con su parametro , y lo pruebo con alert .

Lo mismo podes hacer el el html:

Cita:

<a class="clase" onclick="texto = $(this).text(); llamada(texto); $(this).text("otro texto"); return false; ">TEXTO X</a>

barclow · #10 (**permalink**) 11/01/2010, 10:22

Lo intentaré, te cuento como me fué luego.

Muchísimas gracias ^^

Dany_s · #11 (**permalink**) 12/01/2010, 09:10

yo le pongo el valor como id, o sea id="1" y lo recupero con $(this).attr('id')
o para que por las dudas no se repita o quiero que sea mas descriptivo agrego un texto antes y lo separo por un guión y hago un split

Código HTML:

<html>
    <head>
        <title>Ejemplo</title>
        <script src="jquery.js" type="text/javascript"></script>
        <script type="text/javascript">
        $( function (){
            $('a').click( function () {
                parametro = $(this).attr('id').split('-');
                alert( parametro[1] );
            });
        });
        </script>
    </head>
<body>
    <a href="#" id="valor-1">rojo</a><br />
    <a href="#" id="valor-2">verde</a><br />
    <a href="#" id="valor-3">azul</a><br />
</body>
</html>

o si no te molesta puedes poner un atributo val='1' y recuperarlo con $(this).attr('val')

barclow · #12 (**permalink**) 15/01/2010, 10:01

Les agradezco muchísimo a todos, solucioné mi problema. Gracias :D

recordé que en jQuery hay algo similar a lo que necesitaba, se los dejo:

Código Javascript:

Ver original$.get('myhtmlpage.html', function(){
  myCallBack(param1, param2);
});

:D

Gracias a todos :D