Tengo un UL identificado por clase que se almacena en una var diferente. Dentro de este UL tengo algunas li y dentro de cada li tengo una etiqueta. Deseo recorrer el ul y alertar a cada id (solo para ver que logré acceder a todos los a en el ul); para este ejemplo, quiero alertar "b" y luego "ac".

<ul class="par1">
     <li><a href="welcome.html" id="b"  target="tar">test</a></li>
     <li><a href="Register_client.aspx" id="ac" target="tar">test1</a></li>
</ul>

Probé esto: (el elemento es la var que contiene el nombre de la clase)

$('.' + element).children().each(alert(this));

Que me dio la URL de cada enlace en el que hice clic, pero no para ambos (en este ejemplo) enlaces.

¿Qué estoy haciendo mal aquí? Gracias

0
Yush N 29 ago. 2014 a las 16:03

3 respuestas

Utilice este

$('.' + element + ' a').each(function() {
   alert(this.id);    
});

Demo

2
Claudio Redi 29 ago. 2014 a las 12:10
$('.par1').find('li').each(function(){
  alert($(this).attr('id'));
});
1
Beardminator 29 ago. 2014 a las 12:07

Uso

$('.' + element).find('a').each(function(){ //Iterate anchor
    alert($(this).text()); //Use .text() to get its text
    alert(this.id); //Alert ID
});
3
Satpal 29 ago. 2014 a las 12:05