Percorra a lista de elementos clicáveis e escreva o html nos respectivos arquivos
Estou usando o jQuery para obter uma lista de elementos que contêm determinadas palavras-chave. Consigo obter a lista de elementos, mas não sei como percorrer cada elemento, clicar no elemento filho e baixar a página recém-carregada. Aqui está o código casperjs que tenho até agora:
var casper = require('casper').create({
clientScripts: ["/var/www/html/project/public/js/jquery-3.3.1.min.js"]
});
var fs = require('fs');
casper.start('https://m.1xbet.co.ke/en/line/Football/', function () {
var links = casper.evaluate(function () {
$.expr[":"].contains = $.expr.createPseudo(function (arg) {
return function (elem) {
return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
};
});
return $("#events-betting").find("li.events__item_head:contains(World cup)");
});
var date = new Date(), year = date.getFullYear(), month = date.getMonth() + 1, day = date.getDate();
var folderName = year + '-' + month + '-' + day;
// loop would go here to save each file
var path = "destination/" + folderName + "/1xbet/worldcup-1";
fs.write(path + ".html", this.getHTML(), "w");
});
casper.run();
Gostaria de clicar nos itens individuais no objeto de links - eles não são marcas de âncora, mas sim divs clicáveis com javascript embutido escutando um clique.
O objetivo é clicar na div que possui determinado texto em que estou interessado e, depois de clicar, posso optar por raspar o HTML e salvá-lo em um arquivo ou obter o URL atual; qualquer um será bom para meus propósitos. Como pode haver várias divs com o texto desejado, gostaria de uma maneira de percorrer cada uma delas e executar a mesma operação.
Este é um exemplo da página em que estou interessado:
https://m.1xbet.co.ke/en/line/Football/
O elemento pai nesse caso é: # events-betting and anested é uma lista de tags li com divs clicáveis.