Jquery remplaceavec ne fonctionne pas
À L'Aide De Jquery 1.7.1
J'ai deux divs
<div class="highlightStart"></div>
{page content here}
<div class="highlightEnd"></div>
Ils apparaissent dans le code source de la page. Mais cette jquery, j'ai ajouté en bas de la page ne fonctionne pas:
<script type="text/javascript" id="makeHighlight">
$(document).ready(function () {
$("div.highlightStart").replaceWith("<section class='highlight'>");
$("div.highlightEnd").replaceWith("</section>");
});
</script>
Pas d'erreurs javascript affichant dans le navigateur de la console (Chrome). Seulement rien n'est remplacé.
- Semble bon pour moi. Est-ce de travailler sur d'autres navigateurs?
- Sérieusement? Qui "semble" ok, ça? Je ne peux pas aider mais se sentent qu'il y a un malentendu fondamental entre l'élément de nœuds et de cordes.
- Êtes-vous capable de commencer avec un div autour du contenu de la page c'est un frère ou une sœur des deux autres? Qui permettrait de rendre la vie simple.
Vous devez vous connecter pour publier un commentaire.
D'abord je tiens à le site que vous êtes en produisant une mauvaise structure du DOM. Si votre script sera exécuté, elle ressemble à ceci:
et ce n'est pas une bonne structure si vous voulez avoir:
Devrait être quelque chose comme ceci:
Votre DOM:
Et dans votre script:
Veuillez voir myfiddle de référence
La remplaceavec méthode attend des éléments entiers, pas des balises. Vous aurez besoin d'envelopper votre contenu de la page avec un nouvel élément, puis retirer les deux d'origine divs.
Mise à jour: Cela peut vous conduire à proximité:
http://jsfiddle.net/isherwood/H36UE
Quelque chose est un peu à cela, mais je suis hors du temps. Bonne chance.
Basé sur l'aide de isherwood, utiliser ce que la solution:
http://jsfiddle.net/H36UE/1/
Avec HTML arborescence comme ceci:
Ce Javascript: