jQuery: howto ajouter un <br/> saut de ligne dans les différentes chaînes de caractères pour séparer les phrases dans le 2?
J'ai des phrases qui ont tous les guillemets doubles, comme:
<h3 class="myClass">Sentence one "ends like this"</h3>
<h3 class="myClass">Sentence two"ends like that"</h3>
<h3 class="myClass">Sentence three "another ending"</h3>
Le tout sur une page. Fondamentalement, toutes les valeurs sont différentes, et je vais essayer d'avoir un saut de ligne juste avant le guillemet de sorte qu'il serait comme
<h3 class="myClass">Sentence one <br/>"ends like this"</h3>
<h3 class="myClass">Sentence two <br/>"ends like that"</h3>
<h3 class="myClass">Sentence three <br/>"another ending"</h3>
Je suis un peu confus sur la fonction jQuery qui devraient être utilisés pour être honnête, entre split, le texte ? Toute aide serait appréciée , j'ai besoin de comprendre comment faire... merci Beaucoup!
OriginalL'auteur mlclm | 2012-08-21
Vous devez vous connecter pour publier un commentaire.
Vous pouvez faire correspondre la
<h3>
éléments, puis de passer une fonction à html(). Cette fonction sera appelée pour chaque élément, sera transmis à l'élément courant de l'intérieur des balises HTML, et doit retourner le nouveau balisage.À partir de là, vous pouvez utiliser replace() pour insérer un
<br />
élément avant le premier guillemet double caractère:Vous pouvez tester cette solution en ce violon.
OriginalL'auteur Frédéric Hamidi
Faire une fonction qui prend un objet jQuery, obtient son html, et ça change
Obtenir l'élément html de
Diviser le code html par le guillemet, et se joindre à eux avec une nouvelle <br />
Appliquer le nouveau code html
Et c'est tout.
Appeler avec
Exemple: http://jsfiddle.net/XFC5u/
OriginalL'auteur Overcode
Je voudrais prendre un coup d'oeil à la Javascript méthode split() mais en essence, vous avez la bonne idée. Vous souhaitez diviser fondé sur la double quote(\") et que vous renverra un tableau de tous les criques où une double citation se produit.
Donc, quelque chose comme ça arriverait:
var array = $(".myClass").text().split("\"");
//array = [Sentence one, ends like this, ];
(Pas sûr à 100% si le code est bon, donc s'il vous plaît vérifier ><)
et puis à partir de là vous pouvez sorte de de recréer le texte avec le inclus
. Au moins, c'est le processus de la façon dont j'allais parler.
Viens aussi de rappeler que la méthode de fractionnement n'supprimer le \" à partir du tableau (parce qu'elle l'utilise comme un limiteur de les diviser) alors assurez-vous de readd lors de la recréation du texte.
Si Jquery comme une manière spécifique de le faire, je ne suis pas sûr. Si quelqu'un souhaite améliorer ma réponse, n'hésitez pas.
OriginalL'auteur aug
Prendre un coup d'oeil ici voir ce code de travail:
OriginalL'auteur Erick Petrucelli
juste avec quelques notions de javascript (à l'intérieur d'un jQuery boucle offcourse)
violon:
http://jsfiddle.net/JaPdT/
OriginalL'auteur Pevara
OriginalL'auteur ChrisThompson