如何使用jQuery将具有特定类的所有元素的内容放入变量中

弗朗西斯(Francis)

使用Jquery,我想将具有特定类的所有元素的内容放入变量中。这是一个例子:

<div class="foo">
    <div class="bar"><p>First set of text</p></div>
    <div class="bar"><p>Second set of text</p></div>
    <div class="bar"><p>Third set of text</p></div>
    <div class="bar"><p>N set of text</p></div>
</div>

我想将所有带有“ bar”类的div元素的内容放入一个名为“ full”的变量中。我已经尝试了以下代码,但是显然只能抓住第一个div。

var full = $( ".bar" ).html();

我希望我的字符串变量的内容是

"<p>First set of text</p><p>Second set of text</p><p>Third set of text</p><p>N set of text</p>"

如果尝试在互联网上查找但找不到答案。我当时正在考虑使用.each方法,但是我的几次尝试都效果不佳。任何的想法?

谢谢!

j08691

您正确使用.each()

var full = '';
$('.bar').each(function () {
    full += $.trim($(this).html());
})
console.log(full);

jsFiddle示例

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用jQuery选择具有特定ARIA值的所有元素?

来自分类Dev

如何使用jQuery隐藏所有不包含数据类特定值的元素?

来自分类Dev

如何使用jQuery选择特定div中具有相同名称的所有元素

来自分类Dev

如何使用Greasemonkey和Jquery隐藏具有特定类的HTML元素?

来自分类Dev

如何使用C#使用Selenium将所有元素放入列表或字符串中?

来自分类Dev

jQuery-如何为元素定义特定的变量类具有多个类

来自分类Dev

查找div中具有特定类的所有元素

来自分类Dev

如何使用jQuery检索具有特定类的大量元素的.length?

来自分类Dev

如何从所有元素中删除特定的类?

来自分类Dev

将类添加到具有特定类的所有元素

来自分类Dev

在jQuery中具有特定类的所有元素中添加CSS样式

来自分类Dev

从文本中删除具有特定类的所有元素

来自分类Dev

检查元素是否在jquery中具有特定类

来自分类Dev

如果使用jQuery不包含“ li”元素,如何隐藏“ ul”元素中的所有内容?

来自分类Dev

如何使用jQuery通过具有特定值的数据属性选择所有元素

来自分类Dev

使用C#中的Selenium获取具有特定类的所有元素的属性值的列表

来自分类Dev

仅当子容器具有内容时,才如何将类添加到特定的父元素

来自分类Dev

使用jQuery将具有类名的外部td放入div中

来自分类Dev

如何使用jQuery检索具有特定类的大量元素的.length?

来自分类Dev

如何选择类中具有特定元素的div?

来自分类Dev

将类添加到具有特定ID jQuery的所有元素

来自分类Dev

如何使用JavaScript \ JQuery将某些内容写入具有特定ID的div中?

来自分类Dev

jQuery:如何选择所有特定于div的类并将div中的所有内容附加到新的div

来自分类Dev

如何使用javascript / jquery获取具有特定文本的元素的类名称?

来自分类Dev

如何使用 jQuery 查找具有特定类和 CSS 样式的元素?

来自分类Dev

如何使用'this'在jQuery中选择具有类的特定元素

来自分类Dev

如何选择具有特定类的元素?

来自分类Dev

检查所有元素中的特定类

来自分类Dev

将元素的所有文本放入数组 jQuery 中

Related 相关文章

  1. 1

    如何使用jQuery选择具有特定ARIA值的所有元素?

  2. 2

    如何使用jQuery隐藏所有不包含数据类特定值的元素?

  3. 3

    如何使用jQuery选择特定div中具有相同名称的所有元素

  4. 4

    如何使用Greasemonkey和Jquery隐藏具有特定类的HTML元素?

  5. 5

    如何使用C#使用Selenium将所有元素放入列表或字符串中?

  6. 6

    jQuery-如何为元素定义特定的变量类具有多个类

  7. 7

    查找div中具有特定类的所有元素

  8. 8

    如何使用jQuery检索具有特定类的大量元素的.length?

  9. 9

    如何从所有元素中删除特定的类?

  10. 10

    将类添加到具有特定类的所有元素

  11. 11

    在jQuery中具有特定类的所有元素中添加CSS样式

  12. 12

    从文本中删除具有特定类的所有元素

  13. 13

    检查元素是否在jquery中具有特定类

  14. 14

    如果使用jQuery不包含“ li”元素,如何隐藏“ ul”元素中的所有内容?

  15. 15

    如何使用jQuery通过具有特定值的数据属性选择所有元素

  16. 16

    使用C#中的Selenium获取具有特定类的所有元素的属性值的列表

  17. 17

    仅当子容器具有内容时,才如何将类添加到特定的父元素

  18. 18

    使用jQuery将具有类名的外部td放入div中

  19. 19

    如何使用jQuery检索具有特定类的大量元素的.length?

  20. 20

    如何选择类中具有特定元素的div?

  21. 21

    将类添加到具有特定ID jQuery的所有元素

  22. 22

    如何使用JavaScript \ JQuery将某些内容写入具有特定ID的div中?

  23. 23

    jQuery:如何选择所有特定于div的类并将div中的所有内容附加到新的div

  24. 24

    如何使用javascript / jquery获取具有特定文本的元素的类名称?

  25. 25

    如何使用 jQuery 查找具有特定类和 CSS 样式的元素?

  26. 26

    如何使用'this'在jQuery中选择具有类的特定元素

  27. 27

    如何选择具有特定类的元素?

  28. 28

    检查所有元素中的特定类

  29. 29

    将元素的所有文本放入数组 jQuery 中

热门标签

归档