Wie kann ich jQuery zum Ändern von Hyperlink-Zielen verwenden?

Ändern von Hyperlinkzielen mit jQuery

Häufig ist es notwendig, Hyperlinks nach dem Laden auf andere Ziele umzuleiten. jQuery bietet eine unkomplizierte Lösung zum Bearbeiten des „href“-Attributs eines Hyperlinks, um dies zu erreichen.

Um das Ziel für einen Hyperlink zu ändern, verwenden Sie einfach die folgende Syntax:

$("a").attr("href", "http://www.google.com/");

Dies wird Aktualisieren Sie das „href“-Attribut für alle Hyperlinks auf der Seite und leiten Sie sie an Google weiter. Um die Auswahl jedoch zu verfeinern, sollten Sie einen spezifischeren Selektor verwenden.

Wenn Ihre Seite beispielsweise sowohl „Link“- als auch „Anker“-Tags enthält, möchten Sie möglicherweise Anker-Tags von der Aktualisierung ausschließen. Geben Sie dazu an, dass der Selektor nur auf „a“-Tags mit einem vorhandenen „href“-Attribut abzielt:

$("a[href]")

Alternativ können Sie einen Anker mit einem bestimmten „href“ abgleichen, indem Sie eine Syntax wie diese verwenden:

$("a[href='http://www.google.com/']")

Dies zielt auf Links ab, bei denen das „href“-Attribut genau mit der angegebenen Zeichenfolge übereinstimmt. Um nur einen Teil des „href“ zu aktualisieren, verwenden Sie eine Technik wie diese:

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

Dadurch werden Links ausgewählt, bei denen das „href“ mit „http://stackoverflow.com“ beginnt, und sie so geändert, dass sie verweisen in eine andere Domäne. Die Flexibilität von jQuery ermöglicht die einfache Durchführung verschiedener Änderungen.

Das obige ist der detaillierte Inhalt vonWie kann ich jQuery zum Ändern von Hyperlink-Zielen verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!