使用 jQuery 选择子 div 中的信息

乌古尔

我是 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在选择时使用jQuery复制HTML DIV

来自分类Dev

使用jQuery在div中滚动

来自分类Dev

使用jQuery有选择地遍历div

来自分类Dev

在jQuery弹出div中显示信息

来自分类Dev

使用属性条件选择div jQuery

来自分类Dev

使用jQuery选择当前关注的contenteditable div

来自分类Dev

使用JQuery根据子元素删除div

来自分类Dev

如何使用jQuery选择<div>的'id'属性

来自分类Dev

使用数组中的选择信息

来自分类Dev

如何使用jQuery或普通JS从div中删除子元素

来自分类Dev

无法选择使用jQuery Ajax调用加载的div中的元素

来自分类Dev

使用jQuery遍历div中的子对象并设置动画

来自分类Dev

使用jquery从使用选择字段创建的公式中回显div中的文本

来自分类Dev

使用jQuery在任务div中添加新的子任务div

来自分类Dev

使用jQuery在div中滚动

来自分类Dev

在jQuery弹出div中显示信息

来自分类Dev

当其他子元素也存在时,如何选择(在jquery中)第n个子div

来自分类Dev

选择另一个div中的每个div并使用jQuery检查它的类

来自分类Dev

使用缓存的选择器(jQuery)选择子元素

来自分类Dev

我无法使用jQuery选择div

来自分类Dev

如何使用jQuery选择div的特定部分?

来自分类Dev

使用jQuery选择当前关注的contenteditable div

来自分类Dev

jQuery选择器:同一类的子元素在不同类的div中

来自分类Dev

使用jQuery隐藏div并持续选择onchange

来自分类Dev

使用jQuery或JS在不同的下拉列表选择中隐藏div

来自分类Dev

无法选择子div jQuery

来自分类Dev

使用jQuery中的ID优化搜索(子选择器?)

来自分类Dev

需要帮助使用 jquery 选择子 div

来自分类Dev

使用jquery单独获取子div的id

Related 相关文章

热门标签

归档