Получить массив значений со страницы сайта по jquery

Question

Мне нужен CSV-файл, такой как: «Название региона», «Имя файла изображения», «Значение href» со страницы сайта https://sbertrade.ru/rost_region. Как это сделать с помощью jquery?

Я пытался получить элементы по этому коду:

$(".item").each(function(){$(this).children('img')});

Но он показывает мне только элементы класса .item. Как извлечь из него innerText, а затем добавить к этому изображению sr c из дочерних элементов? Спасибо за любую помощь.

Answer 1

Вот как я бы это сделал с ванилью js:

const items = document.querySelectorAll('.item');

const getDataForItem = item => ({
    title: item.querySelector('.img-title')?.innerHTML,
    href: item.querySelector('a')?.href,
    src: item.querySelector('img')?.src,
});

const data = Array.from(items).map(getDataForItem);

А вот версия jQuery:

const items = $('.item');

const getDataForItem = function(item) {
    return {
        title: $($(item).find('.img-title')).html(),
        href: $($(item).find('a')).attr('href'),
        src: $($(item).find('img')).attr('src'),
    }
};

const data = $.map($(items), getDataForItem);

jQuery найти документацию по функциям