Mithilfe von jquery zu ersetzen <br> mit einem Leerzeichen

Bin ich importieren facebook RSS-feed und viele der Beiträge sind, fehlt ein Titel. Also in diesem Fall möchte ich ziehen, einige Inhalte aus dem Körper und verwenden Sie es, wie der Titel. Das problem ist, dass der Körper Inhalt kann wie folgt Aussehen...

Lorem ipsum<br>www.youtube.com<br>dolor sit amet.

Ich kann nicht entfernen Sie einfach die br-tags, da es einen run auf Satz. Ich würde eher ersetzen Sie die tags durch ein Leerzeichen oder ein Komma mit einem Leerzeichen. Ich habe versucht den folgenden code, aber es scheint nicht zu funktionieren.

$('.teaser-title br').replaceWith(' ');

Gedanken?

$('.teaser-title br').remove() vielleicht?
Ich habe erfolgreich getestet mit diesem code. Tut .teaser-title wählen Sie das richtige element? Welchen browser/jQuery-version verwenden Sie?
Ich kann nicht einfach entfernen, weil es zu einem run auf Satz.
Sehen Sie die live-Seite hier wildcat.drupion.com Beachten Sie die zweite post-Titel, hat br enthalten ist. Die Seite enthält die JS wildcat.drupion.com/sites/default/themes/versatile/js/... Ausführen von Jquery 1.5.2
Natürlich. Ich glaube nicht, dass diese über genug. Sorry!

InformationsquelleAutor Bryan Casler | 2012-01-12

  1. 12

    Beschreibung

    2 Mögliche Probleme

    1. Sie haben kein element mit der Klasse teaser-title.
    2. Sie nicht warten, bis der DOM vollständig aus

    Sowieso, das funktioniert

    Probe

    <div class="teaser-title">
    Lorem ipsum<br>www.youtube.com<br>dolor sit amet.
</div>

<script>
$(function() {
   $('.teaser-title br').replaceWith(' ');
});
</script>

    Schauen Sie sich dieses jsFiddle

    Stellte sich heraus zu werden #2. Ich konnte LABjs und es ist jetzt ordnungsgemäß ausgeführt. Kombiniert diese mit @loktar CSS-Lösung zu verhindern, dass eine bit-browser springen. Es hilft auch, wenn der user JS deaktiviert hat.

    InformationsquelleAutor dknaack

  2. 4

    Posting, weil es getan werden kann! Können CSS 😛

    (funktioniert nur in webkit, also nicht wirklich zu empfehlen)

    .teaser-title br{
    content:"";
}

.teaser-title br:after{
   content:" ";
}

    Live-Demo

    crossbrowser, richtig? 😉
    dont ruinieren @roXon 😛 Prüfungen in anderen Browsern ok.. scheint zu funktionieren nur in webkit.
    Dies funktioniert gut in Kombination mit den anderen Lösungen! Hilft zu verhindern, dass ein bit-browser springen!
    Support scheint gut genug, css-tricks.com/browser-support-pseudo-elements
    Casler, Wir haben zu lange gewartet, um zu sehen, IE6 sterben, jetzt haben Sie, geduldig zu sein, zu sehen, dass passieren IE7 auch.

    InformationsquelleAutor Loktar

  3. 2
    $(function() {
    $(".teaser-title br").replaceWith("&nbsp;");
});
    Ihnen fehlt eine schließende Klammer irgendwo. Ein bisschen Erklärung wäre nett.

    InformationsquelleAutor Archer

  4. 1

    Ich kann nicht entfernen Sie einfach die br-tags, da es einen run auf Satz.

    Da Sie befürchten, laufen auf Sätze, können Sie ersetzen die <br>s mit <wbr>s.

    HTML5 beschreibt <wbr> so:

    Den wbr - element repräsentiert einen Zeilenumbruch Gelegenheit.

    Das ist genial! Es ist nicht die rückwärts kompatible Lösung, aber es ist gut zu wissen. Dank so viel.

    InformationsquelleAutor Mike Samuel

  5. 0

    Sie möchten, ersetzen Sie den Inhalt als text, nicht als tags:

    $('.teaser-title').html($('.teaser-title').html().replace(/<br />/g,' '))
    Scheint nicht zu funktionieren
    Ich denke, die / nach br muss escaped werden.

    InformationsquelleAutor Diodeus - James MacFarlane

  6. 0

    Sie versuchen, um das element zu ersetzen, und Sie zu ersetzen, nur das innerHtml des .teaser-Titel, wenn .teaser-Titel ist dein container-element.

    versuchen, diese

    var container = $(".teaser-title").html();
var regex = /<br\s*[\/]?>/gi;
$(".teaser-title").html(container.replace(regex, " "));
    Scheint nicht zu funktionieren

    InformationsquelleAutor Gustavo F

  7. 0

    Dein code funktioniert gut.
    Hier ist nur ein weiterer Weg:

    $('.teaser-title br').after(' ').remove();
//$('.teaser-title br').replaceWith(' '); //your solution works too!

    demo

    Ist es ein Vorteil .nach über .replaceWith?
    href="http://bugs.jquery.com/ticket/7898" >bugs.jquery.com/ticket/7898

    InformationsquelleAutor Roko C. Buljan

Schreibe einen Kommentar