Hacer un función en javascript con jquery.

Jesu · 9 Jun 2015

Insertar CODE, HTML o PHP:

$(document).ready(function(){
  $("#a1").click(function (){
    $("#a1").addClass("lucir");
    $.ajax({type:"GET", ...
  });
  $("#a2").click(function (){
    $("#a2").addClass("lucir ");
    $.ajax({type:"GET", ...
  });
  $("#a3").click(function (){
    $("#a3").addClass("lucir ");
    $.ajax({type:"GET", ...
  });
.
.
.
});

En este caso tengo solo 4 o 5, pero si tuviera 100 o 200 como se hace una función.

Estoy un poco verde en javascript, alguien que me pueda ayudar.

Gracias.

Jesu · 11 Jun 2015

Alguien me puede ayudar con esto, o ¿no es tan fácil como pensaba?

Gracias.

intoroddex · 11 Jun 2015

Este hermanito sabe mucho , capaz lo sepa hacer te cito [MENTION=9679]cicklow[/MENTION]

Programarte · 11 Jun 2015

Suponiendo que obviamente todos harían lo mismo entonces podrías cambiar:

$("#a1").click(function (){

por:

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

y a todos los elementos a1, a2... aN le pones la clase links.

- - - Actualizado - - -

El ejemplo funcionando sería

<script language="javascript">
$(document).ready(function(){
$(".links").click(function (){
alert("Hola");
});
});
</script>

Y en el body

<a href="#" class="links">a</a> <a href="#" class="links">b</a> <a href="#" class="links">c</a>

Cicklow · 11 Jun 2015

HTML:

$('[id^='a']').each(function() {
    $(this).click(function (){
       $(this).addClass("lucir");
       $.ajax({type:"GET", ...
     });
});

Eso buscara todos los objetos que comiencen con id="a..."... busca: jquery multiples select id

Programarte · 13 Jun 2015

cicklow dijo:
HTML:

$('[id^='a']').each(function() { $(this).click(function (){ $(this).addClass("lucir"); $.ajax({type:"GET", ... }); });

Eso buscara todos los objetos que comiencen con id="a..."... busca: jquery multiples select id

Sólo cabe destacar para nuestro amigo [MENTION=16267]Jesu[/MENTION] que esto también podría afector otros elementos que empiece su id con la letra a causando comportamientos no deseados, sólo habría que tenerlo en cuenta.

Jesu · 13 Jun 2015

cicklow dijo:
HTML:

$('[id^='a']').each(function() { $(this).click(function (){ $(this).addClass("lucir"); $.ajax({type:"GET", ... }); });

Eso buscara todos los objetos que comiencen con id="a..."... busca: jquery multiples select id

Los he estado probando y funciona bien para mi código de ejemplo.
Lo que pasa que en este código, no agregue que cada enlace pasa como dato el nombre del id y añadiendo eso no me va.

Insertar CODE, HTML o PHP:

$("#a1").click(function (){
  $("#a1").addClass("lucir ");
  $.ajax({type:"GET" ,url:"ajax.php",data:{mo:'a1'},beforeSend:function(){}})
  ...
});

He estado probando pero no se como pasar este dato.

Si usara esta solución, le pondría un inicio de id menos común, para que así solo afectara a los que me interese, esto solo es un ejemplo.

Gracias.

Programarte · 13 Jun 2015

Disculpa pero esto último ya no te entendí, o sea ¿ya se resolvió tu problema o aún no? en dado caso ¿qué es lo que te falta para que quede funcional para ti? ojaá puedas explicar mejor.

Jesu · 19 Jun 2015

La solución de [MENTION=9679]cicklow[/MENTION], funciona para el primer ejemplo que puse.

Pero en el script que estoy usando todavía me falta pasar un dato que no se como hacerlo, seria algo como este:

Insertar CODE, HTML o PHP:

$(document).ready(function(){
  $("#ext_a1").click(function (){
    $("#ext_a1").addClass("lucir");
    $.ajax({type:"GET" ,url:"ajax.php",data:{mo:'ext_a1'},beforeSend:function(){}})
    ...
  }
  $("#ext_a2").click(function (){
    $("#ext_a2").addClass("lucir");
    $.ajax({type:"GET" ,url:"ajax.php",data:{mo:'ext_a2'},beforeSend:function(){}})
    ...
  }
  $("#ext_a3").click(function (){
    $("#ext_a3").addClass("lucir");
    $.ajax({type:"GET" ,url:"ajax.php",data:{mo:'ext_a3'},beforeSend:function(){}})
    ...
  }
  $("#ext_a3df").click(function (){
    $("#ext_a3df").addClass("lucir");
    $.ajax({type:"GET" ,url:"ajax.php",data:{mo:'ext_a3df'},beforeSend:function(){}})
    ...
  }
.
.
.
});

Para usar la solución de cicklow, no se como pasar el dato de ext_a3df en ...jax.php",data:{mo:'ext_a3df'},bef...
He probado con (this), pero consigo hacerlo bien.

Gracias.

Hacer un función en javascript con jquery.

Jesu

Jesu

intoroddex

Programarte

Cicklow

Programarte

Jesu

Programarte

Jesu

Temas similares