jquery - 抓取网站|如何创建 JSON 文件？

Question

我刚刚开始学习抓取网站。

我正在抓取的网站有一个主类“内容”。 Content div 内是文章，文章的标题位于 <h2> 内。标签。

我想出了用以下代码引用标题的方法。现在我想将所有 header 保存在 JSON 文件中。如何为每个标题创建对象。显然，我下面的代码只是在每次迭代时替换了 obj 的 title 。

var title, date, img_url, permalink;
var obj = { title : "", date : "", img_url : "", permalink : ""};

        // ======== Extracting Title ================
        $('#Content').filter(function(){
            var data = $(this);
            let headers = data.find('h2');

            headers.each(function (i, el) {
                obj.title = $(el).text();
            })
        })

Answer 1

如果你想要一个类似于 {title: "Some title"} 的对象数组对于每个 <h2>元素，那么你可以简单地使用

const headerObjects = Array.from(document.querySelectorAll('#Content h2')).map(h2 => ({
  title: h2.textContent
}))

console.info(headerObjects)

<div id="Content">
<h2>Title 1</h2>
<p>Here's some text</p>
<h2>Title 2</h2>
<p>Some more text</p>
<h2>Last title</h2>
<p>One more paragraph</p>
</div>

引用:

• document.querySelectorAll
• Array.from
• Array.prototype.map
• Arrow functions