我是 Safaribooksonline.com 的会员,我喜欢它。
现在我想保存我图书馆中的书籍列表。
如果我查看书籍列表的 html 源代码,我会在“main”类中包含类似 [1] 的 div。
我将jQuery加载到浏览器控制台中,然后使用选择所有“主” div books_list = jQuery(".main")
。这给了我一个像Object { 0: <div.main>, 1: <div.main> ...
.
我可以遍历这些条目并提取子信息(书名等)。
从这些主 div 中获取子 div 和子信息的最惯用的方法是什么?理想情况下为 JSON 格式。所以我有{title: "book title", author: "book author", etc}
[1] 包含书籍信息的 Div
<div class="main">
<span class="cover">
<a href="/library/view/learning-javascript-design/9781449334840/">
<span><img src="/library/cover/9781449334840/"></span>
</a>
</span>
<a href="/library/view/learning-javascript-design/9781449334840/" class="next title-block js-bit-title t-bit-link">
<span class="chapter-title t-bit-title">Learning JavaScript Design Patterns</span>
</a>
<span class="book-title">
<span class="author">by Addy Osmani</span>
<span class="issued">Released: August 2012</span>
</span>
<div class="t-read-link prog-text">
<a href="/library/view/learning-javascript-design/9781449334840/index.html" class="button position-link t-position-link js-position-book">Start reading now</a>
</div>
<div class="book-topics">
<ul class="topic-display">
<li><a href="/topics/design-patterns" class="topic t-t-link" data-topic-slug="design-patterns">Design Patterns</a></li>
</ul>
</div>
</div>
试试$().each:
迭代一个 jQuery 对象,为每个匹配的元素执行一个函数。
例如:
jQuery(".main").each(function() {
// do something with each div, access them using $(this)
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句