获取<li>但只查找选定的内容,然后再次迭代</li> <li>,依此类推

时间:2016-01-26 21:01:13

标签: javascript jquery html

我正在努力抓取ceneo.pl,所以我想知道如何在标题中提到这一点。 我输入了这段代码(这只是片段)(gt表示获取html文本):

abc = response.data // this is html source code
gt = $(abc).find('li.product-review.js_product-review').html();                         
findCons = $(gt).find('span.cons-cell').find('ul').text();
findPros = $(gt).find('span.pros-cell').find('ul').text();
findSumUp = $(gt).find('.product-review-body').text();
findStars = $(gt).find('.review-score-count').text();
findReviewer = $(gt).find('div.product-reviewer').text();

。 。 。 我的问题是如何重复我输入的内容(当我使用.each()时它显示[object Object]) 我不知道如何将来自ceneo.pl的li(来自变量gt)元素放入数组中 另外,我希望在li元素的同一网站(所以一个网站上的所有评论)中进行评论,然后在下一个网站上进行下一次评论,依此类推。

所以使用.each()就是这样:

$http.get(fullUrl).then(function(response){
var abc = response.data;
gt = $(abc).find('li.product-review.js_product-review').html();
liEach = $(gt).each(function(){
findCons = $(gt).find('span.cons-cell').find('ul').text();
findPros = $(gt).find('span.pros-cell').find('ul').text();
findSumUp = $(gt).find('.product-review-body').text();
findStars = $(gt).find('.review-score-count').text();
findReviewer = $(gt).find('div.product-reviewer').text();
if ( findReviewer == null ){
findReviewer.append('anonim');
};
var findReviewDate = $(gt).find("[datetime]").attr('datetime');
var findRecOrNot = $(gt).find('em.product-recommended').text(); 


});
alert(liEach);

1 个答案:

答案 0 :(得分:1)

您可以使用.each()迭代匹配的DOM对象。如果我在ceneo.pl的控制台中运行这个javascript,它会遍历每个评论并在控制台中打印每个评论者的名字。

$(document).find('li.product-review.js_product-review').each(function() {

    findCons = $(this).find('span.cons-cell').find('ul').text();
    findPros = $(this).find('span.pros-cell').find('ul').text();
    findSumUp = $(this).find('.product-review-body').text();
    findStars = $(this).find('.review-score-count').text();
    findReviewer = $(this).find('div.product-reviewer').text();

    console.log(findReviewer)

})

有了这个,您应该能够按照自己的意愿操纵结果。如果您遇到困难,请提供更详细的示例,说明预期的输出应该是什么,以及您尝试实现它的目的。我们可以帮助解决问题。

希望有所帮助! : - )

编辑添加:如果你想用它构建一个JSON字符串,这里有一个如何做的例子:

var json = '';
$(document).find('li.product-review.js_product-review').each(function() {

    //find all the data points
    findCons = $(this).find('span.cons-cell').find('ul').text();
    findPros = $(this).find('span.pros-cell').find('ul').text();
    findSumUp = $(this).find('.product-review-body').text();
    findStars = $(this).find('.review-score-count').text();
    findReviewer = $(this).find('div.product-reviewer').text();


    //build the JSON string, trimming whitespace from the elements
    str = '"cons": "'+findCons.trim()+'",';
    str += '"pros": "'+findPros.trim()+'",';
    str += '"sum": "'+findSumUp.trim()+'",';
    str += '"stars": "'+findStars.trim()+'",';
    str += '"reviewer": "'+findReviewer.trim()+'"';


    //enclose the JSON object
    json += '{' + str + '},'

})


//remove the trailing comma from the last item
json = json.replace(/,+$/,'')

//replace any newline characters with HTML breaks
json = json.replace(/\n/g,'<br />')

//wrap the JSON in a top level element
json = '{"reviews":[' + json + ']}'

//print the completed string
console.log(json)

当我在ceneo.pl的控制台中运行该代码时,它返回以下JSON:

{
    "reviews":[
        {
            "cons": "",
            "pros": "dobrze pierze, energooszczędność, spora pojemność, cicha",
            "sum": "Pralkę mam od wczoraj. Podczas prania nie słychać totalnie nic. Siedząc w tym samym pomieszczeniu musiałem sprawdzać czy już skończyła, bo dźwiękiem jej pracy nie da się określić. Podczas wirowania pralka jest stabilna, nawet na najwyższych obrotach. Należy oczywiście pamiętać o dokładnym wypoziomowaniu.<br /><br />Do zabudowy lepszej chyba nie ma. Widziałem pracę droższych modeli, ale Ariston przebija je w 100%<br /><br />Polecam Dwie prewrsze opinie sa bez sensu.. pisane raczej przez tę samą osobębo to opinia z cokupic.pl, ktos wystawil takie same opinie na dwóch serwisach",
            "stars": "5/5",
            "reviewer": "cokupic_anonymouse"
        }, {
            "cons": "",
            "pros": "",
            "sum": "Potwierdzam opinie poprzedniczki. Pralkę mam od wczoraj. Podczas prania nie słychać totalnie nic. Siedząc w tym samym pomieszczeniu musiałem sprawdzać czy już skończyła, bo dźwiękiem jej pracy nie da się określić. Podczas wirowania pralka jest stabilna, nawet na najwyższych obrotach. Należy oczywiście pamiętać o dokładnym wypoziomowaniu.<br /><br />Do zabudowy lepszej chyba nie ma. Widziałem pracę droższych modeli, ale Ariston przebija je w 100%<br /><br />Polecam",
            "stars": "3/5",
            "reviewer": "Janek"
        }, {
            "cons": "BRAK",
            "pros": "BARDZO CICHA, POJEMNA",
            "sum": "Dla również rewelacja. Dośc długo czekałam na swoją, ale było warto. Jest rewelacyjna. Zgadzam się z resztą użytkowników, jest suuuuuuper cicha!!!Fakt przy odpompywaniu ją słychac, ale to nie jest jej wadą. Bardzo pojemna, dobra dla dużej rodzinki, pary czy singli. Ma funkcje codziennego prania, dzięki której nie trzeba czekac, aż nazbieram ubranka do prania. BAAAAARDZO POLECAM! Warta swojej ceny :-)",
            "stars": "5/5",
            "reviewer": "D."
        }, {
            "cons": "Archaiczny wyglad,brak wyswietlacza (np. pozostaly czas prania)",
            "pros": "Bezszelestna, mnogosc programow, dosc szybkie wirowanie, opoznienie startu",
            "sum": "Bardzo cicha pralka - zgadzam sie z poprzednikami. Wyglad nieco archaiczny ale w tej cenie nie ma wielkiego wyboru. Mam ja dwa miesiace i na razie pracuje bez zarzutu.",
            "stars": "4/5",
            "reviewer": "ELF 31"
        }, {
            "cons": "awaryjność<br />brak wyświetlacza czasu pracy",
            "pros": "cicha<br />dopóki działała prała dobrze<br />dużo programów","sum": "Mam tą pralkę od 2 lat i tydzień temu zaczęła wariować, wodę pobiera ale potem stop, bez prania działa, z praniem nie. Gwarancja się skończyła, dwie firmy już odmówiły mi podjęcia próby naprawy bo do końca nie potrafią stwierdzić źródła problemu a nie chcą mnie naciągać na nieprzewidziane koszty...lekka załamka",
            "stars": "1,5/5",
            "reviewer": "Piotr"
        }, {
            "cons": "brak wyświetlacza czasu pracy",
            "pros": "cicha",
            "sum": "Pralka do zabudowy, bardzo cicha, dobrze pierze, wirowanie nawet na 800 - to wyjęcie niemal suchego prania :) także psisuje sie na medal.<br /><br />Jedynym mankamentem jest brak wtświetlacza ile czasu do końca prania... a i jak dl amnie - bardoz długie programy. Niby sa te na 30 min. nawte na 15 min. ale jeśli włozy się skporo rzeczy pralka je warzy mierzy i tak dostaosowuje program. DLa mnei to minus, jesli chce odświezyć ubrania (nie brudzę sie jak dziecko, nie plamię ubrań) to nie mogę włączyć na 30 min bo przy załadunku normalnym pranie trwa cyba jakies 2 godziny, troche nasakraaaa. Żeby uprać w programie tym 30 min 15 min- chyba trzeba włożyc jedna, diwe rzeczy, BEZSENSSS.Program 15 minut - max wsad 1,5 kg, program 30 minut - max wsad 3 kg - jak dla nas wystarcza w zupełności, ale to prawda - brakuję jakiegoś programu około 60 minutowego..., ale póki co mieszkamy we dwójkę i jest w sam raz.",
            "stars": "3/5",
            "reviewer": "Katarzyna"
        }, {
            "cons": "",
            "pros": "",
            "sum": "po trzech latach po pralce-łożyska do wymiany-niestety przy okazji trzeba wymienić bęben-koszt ok.700 zl",
            "stars": "1/5",
            "reviewer": "jaj"
        }, {
            "cons": "",
            "pros": "cicha",
            "sum": "Mam tą pralkę w zabudowie w kuchni od 3,5 lat. Jestem BARDZO zadowolona. Pralka rzeczywiście cicha, nie kolebie się pod blatem. Bardzo wygodne i moje ulubione programy 15 min i 30 min. W pozostałych programach, np. do bawełny też super pierze - widać to dobrze po ręczniakach i pościeli. Udało mi się nawet bez szwanku wyprać puchową kurteczkę. Naprawdę polecam zwłaszcza do zabudowy.",
            "stars": "5/5",
            "reviewer": "Halina"
        }, {
            "cons": "",
            "pros": "",
            "sum": "witam.<br /><br />pralkę mam ponad dwa lata i zaraz po zakończeniu gwarancji, dosłownie kilka miesięcy, awaria pompy. Podobno zrobiła się jakaś dziurka i woda poszła na uzwojenie co dało zwarcie. Niestety po zmianie pompy lawinowo mechanizm blokady drzwi zaczął szwankować, po drugim dniu naprawy stanęło, że pralki są zbyt nowe i część trzeba zamawiać. (chodzi o blokadę bo pompa od pralek boscha też doskonale pasuje i się sprawuje).<br /><br />na szczęście programator podobno sprawny, bo tak to koszt ok 500 zł. <br /><br />Z pralki jestem bardzo zadowolona i nie chcę jej wymieniać, a tym wszystkim którzy chcecie ją kupić doradzam zakup tylko dam dobrą radę: cokolwiek kupujecie z elektroniki do domu, bierzcie max gwarancję i dokupujcie dodatkową. Są różne sytuacje a szukanie pozornych oszczędności czasem się po prostu nie opłaca.",
            "stars": "4,5/5",
            "reviewer": "nata"
        }, {
            "cons": "",
            "pros": "pojemna",
            "sum": "Pralka solidnie wykonana, bardzo pojemna. Prosta w obsłudze dzięki panelowi , który został opisany w czytelny sposób. Ogólnie polecam",
            "stars": "5/5",
            "reviewer": "Daniel"
        }
    ]
}



编辑以回答有关从JSON访问cons属性的问题:

要访问对象属性,可以使用jQuery的parseJSON函数。

var jsonStr = '{"reviews":[{"cons": "example con1","pros": "example pro1","sum": "example sum1","stars": "5/5","reviewer": "example reviewer1"},{"cons": "example con2","pros": "example pro2","sum": "example sum2","stars": "5/5","reviewer": "example reviewer2"}]}'


var obj = jQuery.parseJSON( jsonStr );
for(var i = 0; i < obj.reviews.length; i++) {
    alert( obj.reviews[i].cons );
}

请记住,评论是一个数组,因此您需要迭代其所有元素才能访问所有评论数据。

你可以看到它在这个JS小提琴中工作:https://jsfiddle.net/f2h51epm/1/