Průchozí s JS se dostat info z HTML seznamu na Konzole Chrome

Question 1

Snažím se získat data z majetkových transakcí z webu pomocí Javascriptu na Google Chrome konzole.

Zatím jsem přišel na to, jak získat informace v majetku objekt pro první nemovitost pomocí tohoto kódu:

var property = [{}]

property[0]['Name']  = document.querySelector("#closed-deals-container > section > div > div.profile-recent-transactions.profile-recent-transactions--paginated > div:nth-child(1) > div > div.uc-listingCard-body > div.uc-listingCard-content > div > div.uc-listingCard-titles > a").innerText;

property[0]['City-State-Zip'] = document.querySelector("#closed-deals-container > section > div > div.profile-recent-transactions.profile-recent-transactions--paginated > div:nth-child(1) > div > div.uc-listingCard-body > div.uc-listingCard-content > div > div.uc-listingCard-titles > h2").innerText;

property[0]['Price'] = document.querySelector("#closed-deals-container > section > div > div.profile-recent-transactions.profile-recent-transactions--paginated > div:nth-child(1) > div > div.uc-listingCard-body > div.uc-listingCard-content > div > div.uc-listingCard--priceGrid-sm > div").innerText;

property[0]['Beds'] = document.querySelector("#closed-deals-container > section > div > div.profile-recent-transactions.profile-recent-transactions--paginated > div:nth-child(1) > div > div.uc-listingCard-body > div.uc-listingCard-content > div > div.uc-listingCard-subStats.checkable-undefined > div.uc-listingCard-subStat.uc-listingCard-subStat--beds").innerText;

property[0]['Baths'] = document.querySelector("#closed-deals-container > section > div > div.profile-recent-transactions.profile-recent-transactions--paginated > div:nth-child(1) > div > div.uc-listingCard-body > div.uc-listingCard-content > div > div.uc-listingCard-subStats.checkable-undefined > div.uc-listingCard-subStat.uc-listingCard-subStat--baths").innerText;

Tam jsou 26 další vlastnosti na seznamu, a já bych rád, aby se smyčka přes všechny z nich a dát je v majetku objekt. Myslím, že je třeba to udělat pro smyčce, ale mám potíže s přemýšlením, jak to provést.

Question 2

můžete použít konzoli.přihlaste se pomocí JSON.stringify() například:

console.log(JSON.stringify({ x: 5, y: 6 }));
// expected output: "{"x":5,"y":6}"

a pro váš kód:

console.log(JSON.stringify(property))

Question 3

Můžete napsat něco takového pomocí jQuery.

const list = [];

jQuery('div.uc-listingCard-content').each(function () {
    const $this = jQuery(this);

    list.push({
        'Name': $this.find('.uc-listingCard-titles > a').text().trim(),
        'City-State-Zip': $this.find('.uc-listingCard-titles > h2').text().trim(),
        'Price': $this.find('.uc-listingCard--priceGrid-sm > div').text().trim(),
        'Beds': $this.find('.uc-listingCard-subStat--beds').text().trim(),
        'Baths': $this.find('.uc-listingCard-subStat--baths').text().trim(),
    });

});

console.log(list);

saeed arab sheybani · Answer 1 · 2021-10-22T19:27:03

můžete použít konzoli.přihlaste se pomocí JSON.stringify() například:

console.log(JSON.stringify({ x: 5, y: 6 }));
// expected output: "{"x":5,"y":6}"

a pro váš kód:

console.log(JSON.stringify(property))

Fatih Ertuğral · Answer 2 · 2021-10-22T19:49:06

Můžete napsat něco takového pomocí jQuery.

const list = [];

jQuery('div.uc-listingCard-content').each(function () {
    const $this = jQuery(this);

    list.push({
        'Name': $this.find('.uc-listingCard-titles > a').text().trim(),
        'City-State-Zip': $this.find('.uc-listingCard-titles > h2').text().trim(),
        'Price': $this.find('.uc-listingCard--priceGrid-sm > div').text().trim(),
        'Beds': $this.find('.uc-listingCard-subStat--beds').text().trim(),
        'Baths': $this.find('.uc-listingCard-subStat--baths').text().trim(),
    });

});

console.log(list);

To fungovalo dobře, ale teď jsem si uvědomil, že nemůžu přidat transakcí z různých karet, transakcí v rámci stránky. Zde je příklad: compass.com/agents/eric-altree Tam jsou 14 stránek "Minulé Transakce" a já jsem přemýšlel, jak vytáhnout všechny z nich (ne jen ty na straně 1).

Průchozí s JS se dostat info z HTML seznamu na Konzole Chrome

Otázka

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii