在Cheerio.js的表中迭代TR

时间:2015-02-07 21:01:24

标签: jquery node.js cheerio

我在使用可用于我的Node服务器上的Cheerio.js的选择器时遇到问题。据说核心基于jQuery,但是我无法使用与原生jQuery相同的选择来使其工作。

我有一个大致如下的DOM:

<div class="test">
    <table class="listing">
        <thead><tr>few cells here</tr></thead>
        <tfoot></tfoot>
        <tbody><tr>These are the rows I want</tr></tbody>
    </table>
</div>

由于页面上有两个表有“list”类的表,我不能直接选择它,所以我需要使用“test”类来引用div。我可以使用jQuery运行的选择类似于:

$('div.test tbody tr')

但这对Cheerio不起作用。如果我运行$('div [class =“test”] tr')我会得到表格中的所有行,甚至是thead行,所以这对我不起作用。

任何猜测?

更新 这是我正在执行的实际代码(不起作用):

// Load the html
var $ = cheerio.load(html, {
    normalizeWhitespace: true
});

$('div.tillgodo tbody tr').each(function(){
    console.log("Found credited course...");
    var children = $(this).children();
    var credits = parseFloat($(children[3]).text().replace(',', '.')); // We need to replace comma with a dot since parseFloats only supports dots by design

    var row = {
        "course" : $(children[1]).text().trim(),
        "grade" : null,
        "credits" : credits,
        "date" : $(children[4]).text()
    };

    // Push course to JSON object
    console.log("Push course to object...");
    console.log("------------------------------------------\n");
    data.credited_courses.push(row);
    data.credited_courses_credits += parseFloat(credits);
});

以下代码适用于第一个表:

$('tr.incomplete.course').each(function(i, tr){
    console.log("This is course nr: " + parseInt(course_count+1));
    console.log("Found incompleted course...");
    var children = $(this).children();
    var credits = parseFloat($(children[2]).text().replace(',', '.').match(/(\+|-)?((\d+(\.\d+)?)|(\.\d+))/)[0]); // Filter out any parentheses and odd characters
    var row = {
        "course" : $(children[1]).text(),
        "grade" : $(children[3]).text(),
        "credits" : credits,
        "date" : $(children[5]).text()
    };

    // Sum the total amount of credits for all courses
    console.log("Add credits to incompleted_credits...");
    data.incompleted_credits += credits;

    console.log("Push course to object...");
    data.incompleted_courses.push(row);
    course_count++;
});

当我说它不起作用意味着我正在返回的JSON对象没有来自第二个表的预期行。

更新2 我要抓的桌子:

<div class="tillgodo">
    <h2>Tillgodoräknanden</h2>
    <table class="listing">
    <thead>
    <tr class="listingHeader">
        <th>Kurskod</th>
        <th>Kursnamn</th>
        <th>Beslutsfattare</th>
        <th class="credits">Poäng</th>
        <th>Datum</th>
    </tr>
    </thead>
    <tfoot>
    <tr class="listingTrailer">
        <td>
        </td><td colspan="2">Summa tillgodoräknade poäng:
        </td><td class="credits">10,5
        </td><td>
    </td></tr>
    </tfoot>

        <tbody><tr>
            <td>
            </td><td>Valfria kurser
            </td><td>xxx
            </td><td class="credits">10,5
            </td><td class="nobreak">2013-06-03
        </td></tr>

    </tbody>
</table>
</div>

最终更新(问题已解决) 我一直在使用的选择器正在工作。但源HTML格式错误,根本没有标签。浏览器(我的Chrome中的Chrome)修复了问题,但很难找到真正的问题。

1 个答案:

答案 0 :(得分:0)

您可以尝试$(div.test table.listing tr).text()

这将为您提供该表中所有tr标签的文本