datos que pasan a una función jQuery click()

Question

que tienen una vida sencilla al igual que

<span class="action removeAction">Remove</span> 

Este lapso es dentro de una tabla, cada fila tiene un período de eliminación.

Y luego llamo a una URL usando AJAX cuando se hace clic en ese tramo. El evento AJAX necesita saber el ID del objeto para esa fila? ¿Cuál es la mejor manera de obtener esa identificación en la función de clic?

pensé que podía hacer algo como esto

<span class="action removeAction" id="1">Remove</span> 

Pero un ID no debe comenzar con un número? ¿Derecha? Entonces pensé que podría hacer

<span class="action removeAction" id="my1">Remove</span> 

Luego, simplemente quita la parte 'mi' de la ID, ¡pero eso solo parece ser Yuk!

A continuación, se muestra mi evento de clic y mi evento AJAX.

<script type="text/javascript" language="text/javascript"> 

$(document).ready(function() 
{ 

    $(".removeAction").click(function() 
    { 
     //AJAX here that needs to know the ID    
    } 
}); 

</script> 

Estoy seguro de que hay una buena manera de hacerlo?

Nota: No estoy buscando

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

Quiero ser capaz de pasar más de una pieza de información

Gracias. Jake.

Answer 1

Si usted insiste en el uso de HTML de la vieja escuela 4.01 o XHTML:

$('.removeAction').click(function() { 
// Don’t do anything crazy like `$(this).attr('id')`. 
// You can get the `id` attribute value by simply accessing the property: 
this.id; 
// If you’re prefixing it with 'my' to validate as HTML 4.01, you can get just the ID like this: 
this.id.replace('my', ''); 
}); 

Por cierto, en HTML5, the id attribute can start with a number or even be a number.

Por otra parte, si usted está utilizando HTML5 todos modos, es probable que mejor usar atributos de datos personalizados, así:

<span class="action removeAction" data-id="1">Remove</span> 

Answer 2

$ (this) dentro de su función de clic representa el elemento se ha hecho clic

$(".removeAction").click(function() { 
    //AJAX here that needs to know the ID 
    alert($(this).attr('id'));   
} 

Answer 3

Usted podría intentar jQuery.data(): http://api.jquery.com/jQuery.data, pero eso significaría código generado en el servidor JS a ejecutar cuando se carga la página para que pueda almacenar los identificadores para su posterior reutilización (su acción de eliminación)

// this part would have to be server 'generated' 
// and by that I'm referring to the '<?=$row_id?>' 
$('table .remove').each(function(){ 

    var MyElem = $(this); 
    MyElem.data('id', <?=$row_id?>); 

    MyElem.click(function(){ 
     the_id = $(this).data('id'); 
     // ajax call goes here 
    }); 

}); 

Answer 4

el siguiente código le conseguirá el ID de la span se hace clic. Usar la ID no es perfecto, pero funcionará.

$(".removeAction").click(function() { 
    alert($(this).attr("id")); 
}); 

Answer 5

usted podría tener un campo oculto en cada fila que almacena el ID y/u otros datos necesarios en un objeto JSON & usan eso en lugar de piratear con la etiqueta span.

<tr> 
<td> 
<span class="action removeAction">Remove</span> 
<input type="hidden" value="1" /> 
</td> 
</tr> 

$('.removeAction').click(function(){ 
    var id = $(this).next().val(); 
    // do something... 
}); 

HTH