Получение элемента с использованием xpath и cheerio

Question

Пытается написать функцию в node.js, которая получит элемент по xpath.

У меня есть XPath требуемого элемента йота как

xpath = '/html/body/div/div[2]/div/h1/span' 

Мой DOM загружен в Cheerio через фс модуль (потому что я этот веб-страницы хранятся локально):

var file = fs.readFileSync("aaa.html") 
var inDom = cheerio.load(file) 

Тогда Я пытаюсь выполнить итерацию через каждую часть xpath, получить элемент дерева дерева, проверить его дочерние элементы, если имя и номер элемента совпадают, и если они это сделают, сохраните rez, так как этот элемент т. Затем я продолжаю копать новую часть xpath. Код выглядит так, но он не может получить то, что я хочу, потому что сразу после того, как я получу первый маш и установил rez в качестве согласованного элемента, в следующем цикле цикла этот новый элемент, похоже, не имеет каких-либо дочерних элементов.

var rez = inDom('html'); 
var xpath = inXpath.split("/"); 
for(var i = iterateStart; i < xpath.length; i++) { 
    var selector = xpath[ i ].split('[')[0]; 
    var matches = xpath[ i ].match(/\[(.*?)\]/); 
    var child = 0; 
    if(matches) { 
     child = matches[ 1 ]; 
    } 

    for(var k = 0; k < rez.length; k++) { 
     var found = false 
     var curE = rez[ k ] 

     for(var p = 0; p < curE.children.length; p++) { 
      var curE_child = curE.children[ p ] 

      if(curE_child.name = selector) { 
       if(child > 0) { 
        child-- 
       } 
       else { 
        rez = curE_child 
        found = true 
        break 
       } 
      }    
     } 
     if(found) { 
      break 
     } 
    }  
} 

Может ли кто-нибудь помочь мне с кодом, используя указанные модули node.js?

Answer 1

Кажется, что вы делаете больше работы, тогда вам нужно найти нужный элемент. Можете ли вы опубликовать образец html-страницы?

Cheerio предлагает api более высокого уровня для поиска элементов, которые вы должны использовать.

var html = fs.readFileSync('aaa.html') 
var $ = cheerio.load(html) 
var selector = 'div' // some selector here which I can tune to the example html page 
var parent = $(selector) 
var childSelector = 'p' // some other selector 
var children = parent.find(childSelector) 

Answer 2

Я написал этот код, который получает правильный элемент в cheerio, Дано xpath.

Это работает только для базового xpath, такого, что упоминается в вопросе и типа, который обычно задается браузерами для элемента.

inXpath = "BODY/DIV[1]/DIV[2]/DIV[1]/DIV[1]/DIV[3]/DIV[1]/DIV[1]/DIV[3]/DIV[3]/DIV[1]/DIV[1]/DIV[1]/DIV[1]/SPAN[1]" 
var xpath = inXpath.split("/"); 
var dom_body = cheerio.load(body); 
sss = dom_body('*'); 
for(var i = 0; i < xpath.length; i++) { 
    if (xpath[i].indexOf('[') == -1){ 
     sss = sss.children(xpath[i]) 
    } else { 
     var selector = xpath[i].split('[')[0]; 
     var matches = xpath[i].match(/\[(.*?)\]/); 
     var index = matches[1] - 1; 
     sss = sss.children(selector).eq(index) 
    } 
} 
console.log(sss.html().trim()) 

Answer 3

Да есть реализация XPath:

npm install xpath 

Пример:

var xml = "<book><title>Harry Potter</title></book>" 
var doc = new dom().parseFromString(xml) 
var title = xpath.select("//title/text()", doc).toString() 
console.log(title) 

Источник: https://www.npmjs.org/package/xpath