Gewusst wie: entfernen <div> und mit Cheerio js?

Habe ich den folgenden html-Code, die ich gerne durchsuchen, Cheerios.

    var $ = cheerio.load('<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div>This works well.</div><div><br clear="none"/></div><div>So I have been doing this for several hours. How come the space does not split? Thinking that this could be an issue.</div><div>Testing next paragraph.</div><div><br clear="none"/></div><div>Im testing with another post. This post should work.</div><div><br clear="none"/></div><h1>This is for test server.</h1></body></html>', {
    normalizeWhitespace: true,
});

//trying to parse the html
//the goals are to 
//1. remove all the 'div'
//2. clean up <br clear="none"/> into <br>
//3. Have all the new 'empty' element added with 'p'

var testData = $('div').map(function(i, elem) {
    var test = $(elem)
    if ($(elem).has('br')) {
        console.log('spaceme');
        var test2 = $(elem).removeAttr('br');
    } else {
        var test2 = $(elem).removeAttr('div').add('p');
    }
    console.log(i +' '+ test2.html());
    return test2.html()
})

res.send(test2.html())

Mein Ende Ziele sind, um zu versuchen und zu analysieren, die html -

entfernen Sie alle div -
bereinigen   " und wechseln Sie in  
und endlich all die leeren "element" (also die Sätze mit 'div') entfernen Hinzugefügt werden, die mit 'p' Satz '/p'

Ich versuche zu starten, mit einem kleineren Ziel in dem obigen code, den ich geschrieben habe. Ich habe versucht, entfernen Sie alle 'div' (es ist ein Erfolg), aber ich bin nicht in der Lage, um zu finden, die 'br. Ich wurde versucht, für Tage und habe keinen Kopf Weg.

So, ich Schreibe hier, um zu suchen einige Hilfe und Tipps, wie kann ich zu meinem end-Ziel.

Danke 😀

InformationsquelleAutor bosslee | 2015-03-01

8

Es ist einfacher als es aussieht, wird zuerst Durchlaufen alle DIV ' s
```
$('div').each(function() { ...
```
und für die einzelnen div-Sie überprüfen, ob es einen   tag
```
$(this).find('br').length
```
falls doch, entfernen Sie das Attribut
```
$(this).find('br').removeAttr('clear');
```
wenn nicht, erstellen Sie ein P mit dem gleichen Inhalt
```
var p = $('' + $(this).html() + '');
```
dann ersetzen Sie einfach den DIV mit der P
```
$(this).replaceWith(p);
```
- und output -
```
res.send($.html());
```
Alle zusammen, es ist
```
$('div').each(function() {
 if ( $(this).find('br').length ) {
 $(this).find('br').removeAttr('clear');
 } else {
 var p = $('' + $(this).html() + '');
 $(this).replaceWith(p);
 }
});

res.send($.html());
```
- Hi @adeneo vielen Dank!. Ihre Lösungen funktioniert Super. Wie würden Sie vorschlagen, wenn ich möchte nur hinzufügen Satz für die Sätze nur während der lassen Sie es wie es ist, nach dem entfernen der 'clear'. mit einem Bild-link, um hoffentlich machen meine Frage klarer 😀 Bild
- Ich bin mir nicht ganz sicher, was du meinst ?
- Sorry. Ich bin versucht, Sie " nur die Sätze', nicht aber das Objekt mit ' ' Aus dem code, ich versuche zu kommen mit dem folgenden. !Bild hier ich habe es in der Bild, weil wenn ich versuche, einfügen von code in den Kommentar, es ist in einem Durcheinander. Ich danke Ihnen so sehr.
- So dass Sie wollen, dass das DIV, wenn es einen BR, und entfernen Sie einfach das Attribut?
- Vielen, vielen Dank!!! ohne Eure Hilfe. Ich würde nicht in der Lage sein, um herauszufinden, den code. Ich habe es geschafft, sich aus den Wunsch Ergebnis. Nochmals vielen Dank.
- Hi @adeneo Kann ich suchen, Ihr know-how auf eine weitere Frage. 😀 Für die Letzte Anweisung / das Letzte Objekt in der html > Dies ist für test-server. Ich mag hinzufügen einer eindeutigen html zu yeah! fertig so könnte es enden wie Dies ist für test-server.yeah! fertig hast du einen Tipp für mich, auf der Suche nach dem letzten Objekt und man es mit dem richtigen text 😀 Danke dir so sehr.
- Ich denke, Sie wollen, dies zu tun -> jsfiddle.net/ko5dcsko/1, aber beachten Sie, dass das element mit dem text "Dies ist für test-server" ist ein H1
- Lassen Sie uns weiter, diese Diskussion im chat.
InformationsquelleAutor adeneo

Sie nicht wollen, um ein Attribut zu entfernen, die Sie entfernen möchten tag und so Sie wechseln möchten removeAttr zu remove etwa so:

var testData = $('div').map(function(i, elem) {
    var test = $(elem)
    if ($(elem).has('br')) {
        console.log('spaceme');
        var test2 = $(elem).remove('br');
    } else {
        var test2 = $(elem).remove('div').add('p');
    }
    console.log(i +' '+ test2.html());
    return test2.html()
})

InformationsquelleAutor Scott

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.