Javascript jQuery类选择器和文本添加

我有两个文件

index.html

和

star.js

。 我的索引文件看起来是这样的：

文件
第一：
三,

第二：
五,

text方法将返回jQuery对象中所有元素的文本内容

您必须迭代元素中的项目，然后像这样打印每个项目

var元素=$（“.foo”）；
元素。每个（函数（）{
var$this=$（this）；
snippet.log（$this.find（'h2'）.text（）+'：'+$this.find（'p'）.text（））；
})

第一：
三,

第二：
五,

text方法将返回jQuery对象中所有元素的文本内容

您必须迭代元素中的项目，然后像这样打印每个项目

var元素=$（“.foo”）；
元素。每个（函数（）{
var$this=$（this）；
snippet.log（$this.find（'h2'）.text（）+'：'+$this.find（'p'）.text（））；
})

第一：
三,

第二：
五,

试试看

$（'.foo:nth child（1）p'）.text（）

及

$（'.foo:nth child（2）p'）.text（）

编辑：将把我的答案拿出来供将来参考：

使用循环遍历任意数量的元素

for(i=1; i <= $('div.foo').length; i++){
        $('.output').append($('.foo:nth-child('+i+') h1').text() + ": ");
    $('.output').append($('.foo:nth-child('+i+') p').text() + "<br/>");
}

for（i=1；iTry

$（'.foo:nth child（1）p'）.text（）

及

$（'.foo:nth child（2）p'）.text（）

编辑：将把我的答案拿出来供将来参考：

使用循环遍历任意数量的元素

for(i=1; i <= $('div.foo').length; i++){
        $('.output').append($('.foo:nth-child('+i+') h1').text() + ": ");
    $('.output').append($('.foo:nth-child('+i+') p').text() + "<br/>");
}

for（i=1；i是仅这两个元素还是有更多元素？如果要返回数组，可以使用-
element.map（函数（）{return$（this.text（）；}）.get（）
我已经更新了我的问题。它可以是带有.foo的任意数量的元素class@billyonecan这是一个非常狭隘的解决方案，因为它取决于索引。在我的问题中，我想在每个
p
值之前放置随机文本。是仅这两个元素还是有更多元素？如果要返回数组，可以使用-
element.map（函数（）{return$（this.text（）；}）.get（）
我已经更新了我的问题。它可以是带有.foo的任意数量的元素class@billyonecan这是一个非常狭隘的解决方案，因为它取决于索引。在我的问题中，我想在每个
p
值之前放置随机文本。谢谢。它几乎像我想要的。但是如果我想打印不同于
值的文本，比如：
1:3和2:5
谢谢，但是有没有一种通用的方法可以让我在
p
之前放置任何值，比如：
one:3和two:5
，而不更改HTML文件？@VadZelenin如何定义要设置的值put@VadZelenin要显示一组预定义的值，请在下面第二个答案后的注释中查看最简单的方式。谢谢你的参与。谢谢。它看起来几乎像我想要的。但是如果我想打印不同于
值的文本，比如：
1:3和2:5
谢谢，但是有没有一种通用的方式，我可以在
p
之前放置任何值，比如：
1:3和2:5
，而不更改HTML文件？@vadzelin如何定义e待确定的值put@VadZelenin要显示一组预定义的值-请在第二个答案后的注释中查看下面的内容。使用数组是最好的方式。感谢您的参与。很好。但是请看我在问题中所做的注释。可以有任意数量的元素，class
foo
。谢谢。
。length
method解决了这个问题。但是我不能传递我想要的任何文本，而不是
h2
值。如果你希望它重复，你可以传递你想要的任何文本。只有几种方法可以获得唯一的输出来代替h2值。你要么使用递增的数字，就像上面提到的带（I+1）的Arun一样，将h2值替换为要记录的值，或者（繁琐的）可以构建一个数组，长度=要记录内容的元素数，并在循环内部使用计数器ex（）访问数组。谢谢。这正是我想要的。每个数字都有符号数组的解决方案是一个完美的解决方案。很好。但请看我在问题中所做的注释。可以有任意数量的元素具有类
foo
。谢谢。
。length
方法解决了这个问题。但是我不能传递任何我想要的文本来代替
h2
值。您可以如果希望重复，可以传递任何文本。只有几种方法可以获得唯一输出来代替h2值。您要么使用递增数字，如上面提到的Arun（i+1），要么将h2值替换为要记录的值，要么（繁琐）您可以构建一个长度=要记录其内容的元素数的数组，并在循环内部使用计数器ex（）访问您的数组。谢谢。这正是我想要的。使用每个数字的符号数组的解决方案是一个完美的解决方案。