Remplissez un tableau javascript avec des liens d'une classe spécifique - javascript, jquery

Je cherche à prendre une source de site Web et à remplir un tableau avec une collection de liens, filtrés par leur a class.

Disons, par exemple, que les liens étaient <a class="title">, comment pourrais-je cibler chaque classe et ajouter l'URL à un tableau?

Javascript ou jQuery fonctionnerait-il mieux?

Réponses:

var arr = new Array();
$("a.title").each(function()
{
arr.push($(this).attr("href"));
});

Donc, en gros, vous créez un tableau en utilisant le Tableau constructeur. Ensuite, vous utilisez JQuery "s chaque méthode pour parcourir les liens avec la classe title, obtenir leurs URL à l'aide du attr méthode et en les poussant dans le tableau le long du chemin.

C'est assez simple avec jQuery:

var arr = [];
var ptr = 0;

$(".title").each(function() {
arr[ptr] = $(this).attr("href");
ptr++;
})

Quelque chose comme

var collectionOfLinks = {};
$("a").each(function() {
var cl = $(this).attr("class");
if (collectionOfLinks[cl] === undefined) {
collectionOfLinks[cl] = [];
collectionOfLinks[cl].push($(this).attr("href"));
}else{
collectionOfLinks[cl].push($(this).attr("href"));
}
});

Avec cela, vous vous retrouvez avec un objet dont les noms de propriétés sont les classes de la <a> éléments et dont les valeurs sont des tableaux de href

Avec jQuery, vous pouvez faire var urls = $("a.title").attr("href")pour obtenir ce que vous voulez.

Vous pouvez faire quelque chose comme ci-dessous,

var linkURL = [];
$("a.title").each (function () {
linkURL.push(this.href);
});