Wandelt einen Span-Text in einen Hyperlink um

8

UPDATE:
Antwort # 3 endete am besten. Ich habe höchstwahrscheinlich etwas falsch gemacht mit den anderen Vorschlägen; # 3 war vielleicht am einfachsten zu implementieren. Wenn Sie neugierig sind, können die Beispiellösungen, die ich ausprobiert habe, hier (für jetzt) ​​gefunden werden:

  1. Ссылка
  2. Ссылка
  3. Ссылка (Gewinner)
  4. Ссылка
  5. Ссылка
  6. Ссылка

ORIGINAL POST:
Ich habe eine Klartext-Website-Adresse in einem <span> -Tag. Ich möchte das & lt; span & gt; Markieren Sie einen passenden Hyperlink mit target="_blank"

Ich habe ein detailliertes Beispiel zusammengestellt, mit dem ich hier arbeiten muss: Ссылка

Wenn du nicht durchklicken willst, hier ist was ich habe:

%Vor%

und ich muss das ändern in:

%Vor%     
ox4dboy 07.03.2011, 02:49
quelle

5 Antworten

15

Versuchen Sie Folgendes:

%Vor%

each ist nicht erforderlich, da replaceWith mehrere Elemente durchlaufen kann und eine Funktion als Parameter annehmen kann.

Wenn Sie sich Ihren Beispiel-HTML ansehen, sehe ich, dass nur der erste <td> eine URL enthält. Wenn es tatsächlich nur einen gibt, können Sie first() zur Selektorkette hinzufügen, wie folgt:

%Vor%

Wenn es eher die gesamte -Spalte ist, die Links enthält, sollten Sie mit jedem anderen Spiel arbeiten. Tun Sie dies, indem Sie :even an Ihren Selektor anhängen, so:

%Vor%

(Ja, :even und nicht :odd , um die Elemente 1st, 3rd & amp; c. wegen 0-basierter Indizierung auszuwählen.)

    
Ori 07.03.2011, 03:03
quelle
2

Sie müssen eine Form der Identifikation haben, um die Umwandlung von Knoten A zu Knoten B durchzuführen. Ich würde etwas in den folgenden Zeilen vorschlagen:

Der JQuery-Code:

%Vor%

Das HTML:

%Vor%

Der obige Code wird nicht getestet, sollte aber hoffentlich in die richtige Richtung führen.

    
Simon H 07.03.2011 03:00
quelle
2

Verwenden Sie jQuery.

Gib der Spanne eine ID:

%Vor%

jQuery-Code:

%Vor%     
Rob Lee 07.03.2011 03:01
quelle
2

Setzen Sie die Spalte eine ID und dann können Sie etwas wie

tun %Vor%

Ändern entsprechend Ihrer Änderung

%Vor%

Siehe eine funktionierende Demo

    
rahul 07.03.2011 02:59
quelle
1

Vielleicht etwas in der Art: (keine Notwendigkeit, IDs / Klassen zu kennen), die jquerys für jede Schleife und spezifisch Zielspannen innerhalb von tds verwenden

             $ (Dokument) .ready (Funktion () {             $ ('td span'). jeder (function () {                 $ (this) .text ("" +                     $ (this) .text () + "");             });         });     

EDIT: Dieser Code funktioniert viel besser:

%Vor%

Der ursprüngliche Code verwendete die Funktion .text() von jquery, wobei html den <> -Zeichen entnahm, unbeabsichtigt &GT; &LT; dem dom hinzufügte, während .html tatsächlich die korrekten Tags ausgibt

    
Michael Jasper 07.03.2011 03:02
quelle

Tags und Links