Heim > Web-Frontend > js-Tutorial > Wie kann ich Hyperlink-Ziele mit jQuery ändern?

Wie kann ich Hyperlink-Ziele mit jQuery ändern?

Linda Hamilton
Freigeben: 2024-12-16 09:34:11
Original
176 Leute haben es durchsucht

How Can I Change Hyperlink Targets Using jQuery?

Hyperlinkziel mit jQuery ändern

Problem: Wie ändere ich das „href“-Attribut eines Hyperlinks mit jQuery?

Lösung:

Um Hyperlink-Ziele zu ändern, verwenden Sie Folgendes Syntax:

$("a").attr("href", "new_target")
Nach dem Login kopieren

wobei „a“ den Selektor für die Hyperlinks darstellt und „new_target“ das gewünschte Ziel ist.

Beispiel:

Um alle Hyperlinks zu Google umzuleiten, Verwenden Sie:

$("a").attr("href", "http://www.google.com/")
Nach dem Login kopieren

Verfeinerung:

Um bestimmte Hyperlinks auszuwählen, verwenden Sie einen verfeinerten Selektor:

$("a[href]")
Nach dem Login kopieren

Dieser zielt auf Hyperlinks mit vorhandenen ' href'-Attribute.

Erweitert Änderung:

Für komplexere Änderungen, wie z. B. den Abgleich bestimmter Hrefs oder die Aktualisierung nur eines Teils der Href, verwenden Sie eine Kombination aus Selektoren und jQuery-Funktionen:

$("a[href='http://www.google.com/']").attr('href', 'http://www.live.com/')
Nach dem Login kopieren

Dadurch werden Hyperlinks gefunden die mit der spezifischen href übereinstimmen und ihre Ziele auf „http://www.live.com/“ aktualisieren.

$("a[href^='http://stackoverflow.com']")
   .each(function()
   { 
      this.href = this.href.replace(/^http:\/\/beta\.stackoverflow\.com/, 
         "http://stackoverflow.com");
   });
Nach dem Login kopieren

Dies wählt aus Hyperlinks, die mit „http://stackoverflow.com“ beginnen, verwenden dann einen regulären Ausdruck, um das Präfix durch „http://stackoverflow.com“ zu ersetzen.

Das obige ist der detaillierte Inhalt vonWie kann ich Hyperlink-Ziele mit jQuery ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage