Maison > interface Web > js tutoriel > Comment puis-je modifier les cibles des hyperliens à l'aide de jQuery ?

Comment puis-je modifier les cibles des hyperliens à l'aide de jQuery ?

Linda Hamilton
Libérer: 2024-12-16 09:34:11
original
173 Les gens l'ont consulté

How Can I Change Hyperlink Targets Using jQuery?

Modification de la cible d'un lien hypertexte avec jQuery

Problème : Comment modifier l'attribut 'href' d'un lien hypertexte à l'aide de jQuery ?

Solution :

Pour modifier les cibles des liens hypertexte, utilisez ce qui suit syntaxe :

$("a").attr("href", "new_target")
Copier après la connexion

où "a" représente le sélecteur pour les hyperliens, et "new_target" est la destination souhaitée.

Exemple :

Pour rediriger tous les hyperliens vers Google, utiliser :

$("a").attr("href", "http://www.google.com/")
Copier après la connexion

Raffinement :

Pour sélectionner des hyperliens spécifiques, utilisez un sélecteur affiné :

$("a[href]")
Copier après la connexion

Cela cible les hyperliens avec des ' Attributs href'.

Avancé Modification :

Pour des modifications plus complexes, telles que la correspondance de hrefs spécifiques ou la mise à jour d'une partie seulement du href, utilisez une combinaison de sélecteurs et de fonctions jQuery :

$("a[href='http://www.google.com/']").attr('href', 'http://www.live.com/')
Copier après la connexion

Cela trouve des hyperliens qui correspondent au href spécifique et met à jour leurs cibles vers 'http://www.live.com/'.

$("a[href^='http://stackoverflow.com']")
   .each(function()
   { 
      this.href = this.href.replace(/^http:\/\/beta\.stackoverflow\.com/, 
         "http://stackoverflow.com");
   });
Copier après la connexion

Ceci sélectionne les hyperliens qui commencent par « http://stackoverflow.com », puis utilise une expression régulière pour remplacer le préfixe par « http://stackoverflow.com ».

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal