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

Wie kann ich Hyperlink-Ziele mit jQuery ändern?

Linda Hamilton
Linda HamiltonOriginal
2024-12-16 09:34:11178Durchsuche

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")

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/")

Verfeinerung:

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

$("a[href]")

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/')

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");
   });

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!

Stellungnahme:
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