Comment obtenir une URL particulière en utilisant JQuery ..?

Question

Je voulais identifier chaque page html séparément pour ajouter un style actif comme (.select). Mais je ne suis pas sûr de savoir comment obtenir une URL de page en utilisant JQuery ..? Par exemple, je veux donner .select class à la page about.html quand quelqu'un va cliquer sur le bouton A propos de.

S'il vous plaît aidez-moi, je suis impatient de vos précieuses réponses.

Merci Paulson

Answer 1

La meilleure solution serait de maintenir une feuille de style CSS différent pour chaque page, mais si vous devez le faire dynamiquement.

document.location.href 

est la manière standard de gérer l'URL et n'est pas spécifique à jQuery.

Answer 2

Vous devez utiliser JavaScript pour obtenir la page spécifique? Ce que je fais habituellement est de définir une variable de page sur chaque chargement de page. Si vous avez besoin de le passer au JavaScript/jQuery vous avez froid, alors créez simplement une nouvelle variable à l'intérieur d'une balise. J'espère que cela pourra aider!

Answer 3

Vous pouvez essayer quelque chose comme ceci:

var page = location.pathname; 

$('a[href$=' + page + ']').addClass('select'); 

Cela devient the pathname portion of the URL, utilise alors le sélecteur attribute ends with pour trouver <a> éléments qui ont un href attribut qui se termine par le chemin courant et the .addClass() method pour ajouter le select classe.