javascript - 获取 <li> 但仅查找选定的内容，然后迭代下一个 <li> 等等

Question

我致力于抓取 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 element 获得同一网站上的评论(因此一个网站上的所有评论)，然后获得下一个网站上的下一篇评论，依此类推。

所以对于 .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);

Answer 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 Fiddle 中工作:https://jsfiddle.net/f2h51epm/1/