使用 Cheerio 解析 HTML 文件

Question

我有一个要解析的 HTML 文档。我正在尝试使用cheerio 来解析HTML 文件。

<ul data-reactid=".0.1.0.0.1.1.0.0.0.0.1.0">
    <li class="_1ht1 _1ht2" data-reactid=".0.1.0.0.1.1.0.0.0.0.1.0.1:$user=xyz">
        .
        .
        .
        .
        <span data-reactid=".0.1.0.0.1.1.0.0.0.0.1.0.1:$user=xyz.0.0.$right.0.0.1.$left.0.1:0">
            My Random Text
        </span>
    </li>
</ul>

我正在尝试从我的 HTML 中提取带有 data-reactid=".0.1.0.0.1.1.0.0.0.0.1.0" 的 ul 标记的第一个实例

在第一个 li 标签中，我想提取用户，在本例中为 xyz。之后我想在代码中提到的 span 类中找到文本。

通过 Cheerio 我尝试了以下方法：

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

fs.readFile('index.html', 'utf8', dataLoaded);

function dataLoaded(err, data) {
    $ = cheerio.load(data);
    console.log("Trying out " + JSON.stringify($("<ul data-reactid=\".0.1.0.0.1.1.0.0.0.0.1.0\">").data()));
}   

打印Trying out {"reactid":".0.1.0.0.1.1.0.0.0.0.1.0"} 如何获取 HTML 中的值？

注意：xyz 是动态的，它会改变

Answer 1

如果我正确理解了您的问题，我认为这对您有用：

var myDataReactId = '.0.1.0.0.1.1.0.0.0.0.1.0'
var firstLi = $("ul[data-reactid = '" + myDataReactId + "'] li")[0];
//console.log(firstLi);
var user = $(firstLi).data('reactid');
$(firstLi).find("span[data-reactid*='" + user + "']").text();

Answer 2

试试这个。基本上它将您的 HTML 转换为 jquery 可以使用的东西，然后它找到未排序的列表，当然您可以使查找更具体。使用.data() 提取data-reactid 属性的值。

reactid = $($(data).find('ul>li>span')).data('reactid');

Answer 3

我的第一个答案的问题是，我实际上并没有找到您想要从中提取 reactid 的元素。通过一些 js 摆弄，我能够将类似于您的场景的东西放在一起。在小提琴中注意到我使用.html()。事不宜迟，我们开始吧：http://jsfiddle.net/0r5k9egu/。运行小提琴，在控制台中你应该会看到.0.1.0.0.1.1.0.0.0.0.1.0.1:$user=xyz.0.0.$right.0.0.1.$left.0.1:0