récupérer tout les liens d'un div particulière [Résolu]

[Padawansr]

bonjour
je souhaite récupérer tout les éléments de type a(<a>) d'une div de classe maclasse (<div class="maclasse">) en javascript/jquery

puis faire une liste de tout ces liens en les affichant.

je ne m'en sors pas étant débutant dans ce langage.
tout aide serrais précieuse.

[Padawansr]

je viens de trouver pour la premier parti.

Code :

$("div.maclasse > a");

mais pour se qui est de la deuxieme j'avais pensais a

Code :

1
2
3
$("div.maclasse > a").each(function(i){
//code permettant d'afficher les liens
}

est ce que la solution est la bonne ?
et quel est le code me permettant d'afficher les liens ?


merci d'avance

[malgache]

Salut,

Je suis pas sur mais tu peux peut-être te tourner vers

Code :

document.body.all.tags("a");

Tu devrai avec ca récupérer toutes tes balises a, après tu parcours le résultat pour récupérer tes liens

[Bovino]

Envoyé par malgache

Salut,

Je suis pas sur mais tu peux peut-être te tourner vers

Code :

document.body.all.tags("a");

Tu devrai avec ca récupérer toutes tes balises a, après tu parcours le résultat pour récupérer tes liens

C'est une horreur absolue !
all a été une propriété utile pour IE jusqu'à la version 4 ! Depuis il faut utiliser les méthodes compatibles !

[SpaceFrog]

afficher ? quoi le href ou le texte ?

Code :

1
2
3
4
5
var tab=new Array()
$.each($("div.maclasse a"),function(){ 
tab.push('texte:\t'+$(this).text()+'\nhref:\t'+$(this).attr('href'))  
});
alert(tab.join('\n'))

[Padawansr]

merci pour ces réponses.
je souhaiterais afficher les liens sous forme de lien avec une image au survol.
est ce que je peut utiliser le tableau pour mettre tout les liens et ajouter ce tableau à la page ?

Code :

1
2
3
4
5
6
 
var tab=new Array()
$.each($("div.maclasse a"),function(){ 
tab.push('<a href=" '+$(this).attr('href') + '> ' +$(this).text()+'</a> ')
});
document.appendchild(tab.join('\n'))

[cahnory]

Pourquoi passer par un tableau ?

Code :

1
2
3
$("div.maclasse a").each(function() {
    $('body').append('<a href=" '+$(this).attr('href') + '> ' +$(this).text()+'</a>');
});

Ou, si tu te souhaite avoir une copie exacte du lien :

Code :

1
2
3
$("div.maclasse a").each(function() {
    $('body').append($(this).clone());
});

[Padawansr]

merci beaucoup ça fonctionne

[Padawansr]

j'ai une autre demande .
je souhaiterais avoir une image lors du survol d'un des liens(image placé à coté du liens).
pour que ensuite en cliquant sur l'image pouvoir mettre l'adresse du lien dans un tableau.