从<a> in phantomjs</a>中提取信息

时间:2013-10-22 17:03:12

标签: javascript phantomjs

我想从以下标记“http://www.firstcry.com/teethers-and-soothers/5/98?ref2=menu_dd”网站抓取产品网址:

     <a href="http://www.firstcry.com/nuby/nuby-orthodontic-pacifier/140905/product-detail" id="ctl00_ContentPlaceHolder1_productdisplay_gvProductListDetails_ctl01_lnk_Image" onclick="jmp(this)">
                                <img id="ctl00_ContentPlaceHolder1_productdisplay_gvProductListDetails_ctl01_Img_view" title="Nuby - Orthodontic Pacifier" class="resizeimg" src="http://cdn.firstcry.com/brainbees/images/products/bigthumb/140905a.jpg" alt="Nuby - Orthodontic Pacifier" style="border-width:0px;border: none;vertical-align: middle;" original="http://cdn.firstcry.com/brainbees/images/products/bigthumb/140905a.jpg">

                                    </a>

我想做这样的事情:

     return [].map.call(document.querySelectorAll('a)'), function(link) {
        return link.getAttribute('href');
    });

由于此元素没有类名,并且所有产品的ID也不同,我不知道如何执行此操作。如果可以的话,我也不知道在虚拟中使用x-path。

1 个答案:

答案 0 :(得分:0)

即使锚没有类名和唯一ID,href中也有一个模式:{site}/{brand}/{productname}/{productid}/product-detail

特别是,常量产品细节将帮助我们选择产品网址。

另一方面,要在网页的上下文中选择-serialize-元素,您需要使用page.evaluate

这是一个可能的脚本

var page = require('webpage').create();
var url = 'http://www.firstcry.com/teethers-and-soothers/5/98?ref2=menu_dd';

page.open(url, function(status) {
    // list all the a.href links
    var alllinks = page.evaluate(function() {
        return [].map.call(document.querySelectorAll('a'), function(link) {
            return link.getAttribute('href');
        }).filter(function(link) {return (link?link:'').indexOf('product-detail')>-1;});
    });

    console.log(alllinks.join('\n'));
    phantom.exit();
});