Анализ HTML-файла с использованием cheerio

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 Я пытаюсь извлечь первый экземпляр уль тег с данными reactid =». 0.1.0.0.1.1.0.0.0.0.1.0"

В том, что очень первый тег 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?

Примечание: хуг динамичен и это изменит

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 fiddling я смог собрать что-то вместе, похожее на ваш сценарий. Заметил в скрипке, что я использую .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