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
292 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!

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal