0

Dentro de un "div" tengo varias etiquetas cada una con un "id" diferente, que llaman a una misma función de javascript, con el evento onclick.

¿Como se en la función, cual etiqueta esta llamando la funcion?

2
  • 1
    puedes mostrar lo que has intentado?, parte del codigo para poder ayudarte mejor Commented el 8 jun. 2017 a las 20:42
  • 3
    Entenderemos mejor si en lugar de explicar el código que tienes, lo muestras Commented el 8 jun. 2017 a las 20:50

4 respuestas 4

2

Si los llamas de esta manera:

    <a onClick="javascript: myFunc(this);">

... puedes en la funcion hacer lo siguiente:

function myFunc(element){
    var id = element.getAttribute("id");
}

... el parametro element es la etiqueta en si, accedes a ella sin la necesidad de hacerle un getElementById

3
  • Gracias por tu ayuda. Ya implemente la solución que me diste, y obtuve lo que necesitaba.
    – Filino
    Commented el 8 jun. 2017 a las 21:10
  • @Filino si esta respuesta ayudó a solucionar el problema de tu pregunta, por favor considera aceptarla haciendo click en el ✔️, que está bajo las flechas de votación, a la izquierda de la misma (no se te descuenta nada por eso -todo lo contrario, ambos se benefician).
    – Mariano
    Commented el 8 jun. 2017 a las 22:29
  • Gracias Mariano. Soy nuevo en este foro. Ahí voy aprendiendo a manejar las diferentes opciones del foro. Gracias por tu ayuda.
    – Filino
    Commented el 9 jun. 2017 a las 0:34
1

Para eso debes mandar manualmente el ID como parámetro en tu función

<script type="text/javascript">
function my_onclick(id)
{
    alert(id);
}
</script>

<div>
<a href="#" id="l1" onClick="my_onclick(this.id)">Link 1</a>
<a href="#" id="l2" onClick="my_onclick(this.id)">Link 2</a>
<a href="#" id="l3" onClick="my_onclick(this.id)">Link 3</a>
</div>
1
  • Gracias por tu respuesta. Ya pude solucionar mi problema.
    – Filino
    Commented el 8 jun. 2017 a las 21:11
1

EN CASO DE OCUPAR JQUERY

Prueba con esto, espero que sea de ayuda.

Cualquier cosa preguntas

function saberLink(id){
  var texto = $("#link"+id).html();
  alert("Has hecho click en el link " +id+ ", y su valor es: "+ texto);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<div>
  <a id="link1" href="#" onclick="saberLink(1)">Link 1</a>
  <a id="link2" href="#" onclick="saberLink(2)">Link 2</a>
  <a id="link3" href="#" onclick="saberLink(3)">Link 3</a>
  <a id="link4" href="#" onclick="saberLink(4)">Link 4</a>
  <a id="link5" href="#" onclick="saberLink(5)">Link 5</a>
  <a id="link6" href="#" onclick="saberLink(6)">Link 6</a>
  <a id="link7" href="#" onclick="saberLink(7)">Link 7</a>
</div>

3
  • Gracias por tu respuestas. Me fue de mucha ayuda.
    – Filino
    Commented el 8 jun. 2017 a las 21:11
  • 1
    @Mariano Especificare la respuesta, para caso de personas que ocupen JQuery, así se entenderá para futuros usuarios. Gracias por la acotación. Commented el 8 jun. 2017 a las 21:45
  • @Filino que bueno poder haber sido de utilidad :) Commented el 8 jun. 2017 a las 21:45
1

Sería mejor si a las mismas etiquetas les pones la misma clase no es necesario estan pensando en ID´s si la función de todos esos elementos será la misma.

<div>
  <a class="getLink" href="#">Link 1</a>
  <a class="getLink" href="#">Link 2</a>
  <a class="getLink" href="#">Link 3</a>
  <a class="getLink" href="#">Link 4</a>
  <a class="getLink" href="#">Link 5</a>
  <a class="getLink" href="#">Link 6</a>
  <a class="getLink" href="#">Link 7</a>
</div>
<script>
  $(document).on('click','.getLink',function(){
    var texto = $(this).text();
    console.log("La liga es: "+texto);
  });
</script>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.