So deaktivieren Sie einen Anker (link) - tag (konvertieren, span)

Ich habe eine Reihe von Anker-tags ( <a> ), die ich brauche, um zu konvertieren, um <span> - tags. Ich muss nicht tun, diese zu deaktivieren klicken (ich weiß, über preventDefault() und die Rückkehr false aus dem click-event-handler). Ich brauche nur dies zu tun, aktivieren Sie drag-and-drop Sortieren (der IE verbietet auf ein Anker-tag ein, aber es ermöglicht auf eine Spanne).

Habe ich eine funktionierende Lösung, die ist in Ordnung.

http://jsfiddle.net/5HGbx/

Ich Frage mich nur, ob einer von Euch wizards haben eine moderne Art und Weise zu erreichen das gleiche Ergebnis.

InformationsquelleAutor Peter Lyons | 2011-07-10
  1. 31

    könnten Sie replaceWith von jQuery API

    $('#myButton').click(function(){
    $("#someDiv a").replaceWith(function(){
        return $("<span>" + $(this).html() + "</span>");
    });
});

    Fiddle hier: http://jsfiddle.net/naveen/ufYCt/1/

    • ist zu kurz: Tat das gleiche Bearbeiten 🙂 vielen Dank.
    • Ich brauche, um die Attribute der <a> - tag, obwohl, so kann ich das rückgängig-operation später. Sie nicht brauchen, um HTML in den DOM, aber ich kann nicht verlieren die Daten vollständig. So landete ich also speichern Sie mit jQuery data() Methode und kam mit dieser. jsfiddle.net/5HGbx/1
    InformationsquelleAutor naveen
  2. 6

    Mischen von standard-DOM-Methoden von jQuery ist ein bisschen sonderbar und unnötig. Sie konnte nur so etwas tun, statt:

    function aToSpan() {
    var $link = $('a');
    var $span = $('<span>');
    $link.after($span.html($link.html())).remove();
}

    Diese nur kopiert die link ' s die Inhalte zu einem neuen <span> und ersetzt dann die <a> mit der neuen <span>.

    Referenzen:

    InformationsquelleAutor mu is too short
  3. 1

    vom naveen Antwort verlieren Sie die href tag

    wenn Sie wollen-href-tag auch nur ändern Sie diese wie folgt...

    $('#myButton').click(function(){
    $("#someDiv a").replaceWith(function(){
        return $("<span href=\""+$(this).attr('href')+"\">" + $(this).html() + "</span>");
    });
});
    • pal diese erzeugt ungültiges markup. Spannweite nicht über einen href-tag
    • data-href wäre eine bessere Wahl für das Attribut name, das wäre sogar gültig HTML5.
    InformationsquelleAutor Kaisar
Schreibe einen Kommentar