Estoy usando jQuery para obtener una lista de elementos que contienen ciertas palabras clave. Puedo obtener la lista de elementos, pero no sé cómo recorrer cada elemento, hacer clic en su elemento secundario y descargar la página recién cargada. Aquí está el código casperjs que tengo hasta ahora:

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();

Me gustaría hacer clic en los elementos individuales en el objeto de enlaces: no son etiquetas de anclaje, sino que son divs clicables con JavaScript en línea que escucha un clic.

El objetivo es hacer clic en el div que tiene cierto texto que me interesa, luego, una vez que haga clic, puedo elegir raspar el HTML y guardarlo en un archivo u obtener la URL actual; cualquiera estará bien para mis propósitos. Como podría haber múltiples divisiones con el texto deseado, me gustaría una forma de recorrer cada una y realizar la misma operación.

Este es un ejemplo de la página que me interesa:

https: //m.1xbet.co.ke/en/line/Football

El elemento padre en este caso es: # eventos-apuestas y anidado es una lista de etiquetas li con divs clicables.