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

Question

我正在尝试使用噩梦 js 来获取href links一个单独的 div 中的所有内容class name......这是我的代码......

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

下面是我的 div 内容...

<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>

它可以在我使用时获取一个链接，return $('.myclass').find('a').attr('href');但每个功能都不起作用（returns null）..有什么建议可以解决这个问题吗？

Answer 1

我认为你只需要使用类名作为选择器和“a”标签之后：

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

这是一个工作示例

Answer 2

我不知道nightmare.js，但是如果您想将所有内容收集href到一个数组中，请执行以下操作：

.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;
});