Dev Faq
11
votes

Comment désactiver une balise d'ancrage (link) (convertir en espace)

J'ai un tas d'étiquettes d'ancrage ( ) que j'ai besoin de convertir en "code> tags. Je n'ai pas besoin de le faire pour désactiver en cliquant sur (je sais sur PavignDefault () et retourner false dans le gestionnaire d'événements click). J'ai juste besoin de faire cela pour activer le tri de la glisser-déposer (ce qui est inhérent à une étiquette d'ancrage mais permet une étendue).

J'ai une solution de travail qui va bien.

http://jsfiddle.net/5hgbx/

Je me demande simplement si l'un de vous des assistants ait une manière splicker d'atteindre le même résultat final.

0 commentaires

3 Réponses :

6
votes

Mélanger les méthodes standard DOM avec jQuery est un peu impair et inutile. Vous pouvez simplement faire quelque chose comme ça à la place: xxx

copie simplement le contenu de la liaison à un nouveau puis remplace le < / code> avec le nouveau .

Références:

0 commentaires
36
votes

Vous pouvez utiliser RemplacerWith code> de JQuery API 

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

1 commentaires

Je dois cependant conserver les attributs de la balise afin que je puisse annuler cette opération plus tard. Ils n'ont pas besoin d'être réels HTML dans le DOM, mais je ne peux pas perdre les données entièrement. Donc, j'ai fini par les stocker avec la méthode de jQuery et est venu avec ceci. jsfiddle.net/5hgbx/1

2
votes

de la réponse de naveen, vous perdrez la balise href forge>

si vous voulez aussi que href balise, modifiez cela comme suit ... p> 

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

2 commentaires

PAL Ceci génère un balisage invalide. SPAN n'a pas de tag HREF

data-href serait un meilleur choix pour le nom d'attribut, qui serait même valide HTML5.

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO