Wie verwenden von JQuery-Selektoren in Node.js

Ich versuche, zu extrahieren, per E-Mail info von HTML-Dateien in meiner Festplatte.

Wenn ich laden Sie die Datei in firefox und führen jQuerify bookmarklet kann ich erfolgreich die folgenden Selektor/Funktion

window.jQuery("a.iEmail").each(function(el) {
  console.log(window.jQuery(this).attr('href'))
});

Aber mit diesem in Node.js funktioniert nicht

var document = require("jsdom").jsdom(),
  script = document.createElement("script"),
  fs = require('fs');

fs.readFile('file_1.html', 'utf-8', function(err, data){
  if (err) {
    throw err;
  }

  //This output the document
  //console.log(data)

  var window = document.createWindow(data);

  script.src = 'http://code.jquery.com/jquery-1.4.2.js';
  script.onload = function() {
    console.log(window.jQuery.fn.jquery);
    //outputs: 1.4.2
    //console.log(window.jQuery);

    /*
     * This line works if i load the local file in firefox and execute
     * the jQuerify bookmarlet
     */
    window.jQuery("a.iEmail").each(function(el) {
      console.log(window.jQuery(this).attr('href'))
    });
  };
  document.head.appendChild(script);
});
InformationsquelleAutor Cesar | 2010-11-28
  1. 11

    Ich weiß jetzt, was das problem ist.

    Den html-Daten, die bestanden werden müssen, in der Erstellung von Dokumenten aufrufen, damit der code wie folgt Aussehen:

    var jsdom = require("jsdom"),
    fs = require('fs');

fs.readFile('file_1.html', 'utf-8', function(err, data){
  if (err) {
    throw err;
  }

  //This output the document
  //console.log(data)

  //HTML data should be in document creation call
  var document = jsdom.jsdom(data); //data is the html content
  var script = document.createElement("script");

  //HTML data SHOULD NOT be in window creation call
  var window = document.createWindow();

  script.src = 'http://code.jquery.com/jquery-1.4.2.js';
  script.onload = function() {
    console.log(window.jQuery.fn.jquery);
    //outputs: 1.4.2
    //console.log(window.jQuery);

    /*
     * This line works if i load the local file in firefox and execute
     * the jQuerify bookmarlet
     */
    window.jQuery("a.iEmail").each(function(el) {
      console.log(window.jQuery(this).attr('href'))
    });
  };
  document.head.appendChild(script);
});
    InformationsquelleAutor Cesar
  2. 1

    Es ist hart, zu verwenden mit jquery node.js aber es ist möglich. Hier ist eine Umsetzung mit jsdom:

    var jsdom = require('jsdom').jsdom,
    sys = require('sys'),
    window = jsdom().createWindow();

jsdom.jQueryify(window, '/path/to/jquery.js', function (window, jquery) {
  window.jQuery('body').append("<div class='testing'>Hello World</div>");
  sys.puts(window.jQuery(".testing").text()); //outputs Hello World
});

    Weitere Infos finden Sie unter:

    http://blog.nodejitsu.com/jsdom-jquery-in-5-lines-on-nodejs

    oder:

    Kann ich mit jQuery verwenden Node.js?

    InformationsquelleAutor wajiw
  3. 1

    Mit Cheerio

    Cheerio ist eine server-Implementierung der Kern von jQuery, die perfekt für die Verwendung von Selektoren.

    Können Sie ganz einfach mit der jede Funktion:

    $('a.iEmail').each(function (i, elem) {
  console.log($(this).attr('href'));
});

    Vollständigen Beispiel:

    var fs = require('fs');
var cheerio = require('cheerio');

fs.readFile('file_1.html', 'utf-8', function (err, data) {
  if (err) {
    throw err;
  }

  var $ = cheerio.load(data);

  $('a.iEmail').each(function (i, elem) {
    console.log($(this).attr('href'));
  });
});
    InformationsquelleAutor Yves M.
  4. 0

    jsdom unterstützt jQuery mit "offiziellen" Weg.

    jsdom.env(string, [scripts], [config], callback);

    Einfachen code:

    var jsdom = require("jsdom"),
fs = require('fs');

fs.readFile('file_1.html', 'utf-8', function (err, data) {
    if (err) {
        throw err;
    }
    jsdom.env(data, ["http://code.jquery.com/jquery.js"], function (errors, window) {
        var $ = window.$;
        $("a.iEmail").each(function() {
            console.log(this.href)
        });
    })

}

    https://github.com/tmpvar/jsdom#easymode

    InformationsquelleAutor Ninh Pham
Schreibe einen Kommentar