两个具有相同类名的div,我怎样才能刮掉第一个类实例?

时间:2016-08-09 19:31:25

标签: javascript x-ray

var Xray = require('x-ray');
    var x = Xray();
    var a = false;


    var url = "abcdeabcde";

            x(url, '.listing_risultati_prodotti .smcc-listing-risultati-prodotto', [{
                title: '.first-col  a',
                link: '.product-description a@href',
                prezzo: '.second-col .ish-priceContainer-salePrice'
            }])(function(err, obj) {
                console.log(obj)   
            })

查询现在返回相同值的两倍,因为有两个div与查询匹配。

[ { title: 'aaaa',
    link: 'aaaa',
    prezzo: 'aaaa' },
  { title: 'bbb',
    link: 'bbb',
    prezzo: ' bbb' },
  { title: 'ccc',
    link: 'ccc',
    prezzo: 'ccc' },
.....
....
.....
Then again
{ title: 'aaaa',
    link: 'aaaa',
    prezzo: 'aaaa' },
  { title: 'bbb',
    link: 'bbb',
    prezzo: ' bbb' },
  { title: 'ccc',
    link: 'ccc',
    prezzo: 'ccc' }]

两个div都有相同的选择器路径

#maincontent > div.category-section > div.render-category-products.products > div.listing_risultati_prodotti 

它们都嵌套在此ID中:#smcc_comp_common_wrapper

结构就像:

<body>
#smcc_comp_common_wrapper
...
...
#mainwrapper
    ...
    #maincontent > div.category-section > div.render-category-products.products > div.listing_risultati_prodotti 
    ...
#mainwrapper
    ...
    #maincontent > div.category-section > div.render-category-products.products > div.listing_risultati_prodotti 
    ...
...
...

我尝试过类似的事情:

x(url, '.listing_risultati_prodotti:nth-of-type(1) .smcc-listing-risultati-prodotto',

x(url, ':nth-match(1 of #mainwrapper) .listing_risultati_prodotti .smcc-listing-risultati-prodotto',但没人工作

是否可以仅定位第一个类实例?

2 个答案:

答案 0 :(得分:0)

如果任何使用选择器的解决方案(例如使用:first-child作为Vaibhav建议)失败,那么将结果对象数组切成两半怎么样?

function(err, obj) {
    var half = obj.splice(obj.length/2);
}

请注意,这是一种针对您的问题的解决方法,但在特定情况下可能是可接受的。

答案 1 :(得分:0)

它是:

x(html, 'div#smcc_comp_common_wrapper div#mainwrapper:first-of-type div.listing_risultati_prodotti'
    )(function(err, obj) {
        console.log(obj) 
    })

也不应该有多个具有相同id的元素