如何使用jQuery在Nightmare中获取同一类的href链接

Question

I am trying to fetch all href links which are inside a separate divs with the same class name using nightmare js... here is my code below....

var Nightmare = require('nightmare');
var vo = require('vo');

vo(function* () {
    var nightmare = Nightmare();
    var title = yield nightmare
    .goto('https://example.com')
    .type('input[name="q"]', 'search term')
    .click('input[value="some title"]')
    .evaluate(function () {
        //return $('.myclass').find('a').attr('href');
        $('.myclass').find('a').each(function() {
            return $(this).attr('href');
        });

    });
      console.log(title);
    yield nightmare.end();

})(function (err, result) {
    if (err) return console.log(err);
});

below is my div contents...

<div class="myclass"><a href="example1.com">ex1</a>
</div>

<div class="myclass"><a href="example2.com">ex2</a>
</div>

<div class="myclass"><a href="example3.com">ex3</a>
</div>

It can fetch one link when i use return $('.myclass').find('a').attr('href'); but the each function does not work( returns null ).. any suggestion to fix this issue?

Answer 1

I think you only need to use the class name as selector with "a" tag afterward:

$(".myClass a").each(function() {
    return $(this).attr("href");
});

Here is a working example

Answer 2

i don't know nightmare.js but if you want to collect all href to an array do it like this:

.evaluate(function () {
    var hrefs = [];
    $('.myclass').find('a').each(function() {
        hrefs.push($(this).attr('href'));
    });
    console.log(hrefs);
    //return hrefs
});

Answer 3

.evaluate(function () {
    var arr = [];
    $('div.myClass > a').each(function(i) {
      arr.push($(this).prop('href'));
    });
    return arr;
});