javascript - Setzen des href-Attributs zur Laufzeit

Was ist der beste Weg, das href-Attribut des <a>-Tags zur Laufzeit mit jQuery festzulegen?

Also, wie erhält man den Wert des href-Attributs des <a>-Tags mit jQuery?

Antwort #1

Um ein Attribut eines HTML-Elements zu erhalten oder festzulegen, können Sie die Funktion element.attr() in jQuery verwenden.

Um das href-Attribut zu erhalten, verwenden Sie den folgenden Code:

var a_href = $('selector').attr('href');

Um das href-Attribut festzulegen, verwenden Sie den folgenden Code:

$('selector').attr('href','http://example.com');

In beiden Fällen verwenden Sie bitte den entsprechenden Selektor. Wenn Sie die Klasse für das Ankerei-Element festgelegt haben, verwenden Sie '.class-name' und wenn Sie die ID für das Ankerei-Element festgelegt haben, verwenden Sie '#element-id'.

Antwort #2

In jQuery 1.6+ ist es besser zu verwenden:

$ (selector).prop('href',"http://www..."), um den Wert festzulegen, und

$ (selector).prop('href') um den Wert zu erhalten

Kurz gesagt, .prop ruft Werte vom DOM-Objekt ab und setzt sie, und .attr ruft Werte im HTML ab und setzt sie. Dies macht .prop in manchen Kontexten etwas schneller und möglicherweise zuverlässiger.

Antwort #3

Setzen Sie das href-Attribut mit

$(selector).attr('href', 'url_goes_here');

und es mit ... lesen

$(selector).attr('href');

Wobei "selector" jeder gültige jQuery-Selektor für Ihr <a>-Element ist (".myClass" oder "#myId", um die einfachsten zu nennen).

Hoffe, das hilft!