Javascript 按顺序将数组值附加到多个div

我正在尝试将

.item

中的所有标题替换为

数组中的值。这是阵列：

var itCats = ['one', 'two', 'three', 'four'];

以及html：

<div class="item it1">
    <p>title 1</p>
</div>
<div class="item it2">
    <p>title 2</p>
</div>
<div class="item it3">
    <p>title 3</p>
</div>
<div class="item it4">
    <p>title 4</p>
</div>


标题1

标题2

标题3

标题4


尝试此操作，但我发现脚本错误，浏览器已关闭

for (var i = itCats.length; i--;) {
    //arr[i] = '#' + arr[i];
    for (var i = 0; i < $(".item").length; i++) {
        $(".item p').html('itCats[i]);
    }
}

for（var i=itCats.length；i--；）{
//arr[i]=“#”+arr[i]；
对于（变量i=0；i<$（“.item”）.length；i++）{
$（“.item p'）.html（'itCats[i]）；
}
}
这里有一个错误：

$（“.item p'）.html（'itCats[i]）

你已经弄乱了引号，应该是这样的：

$（'.item p'）.html（itCats[i]）
错误之一如下：

$（.item p'）.html（'itCats[i]）；

你已经弄乱了引号，应该是这样的：

$（'.item p'）.html（itCats[i]）；
代码中的各种错误

选择器字符串以
“
开头，以
”结尾。
将其更正为
”。项目p“
或
”。项目p“
$（“.item p”）
选择所有元素并使用使用索引获取特定元素
这里不需要嵌套循环
删除方法中不必要的
”

var itCats=['1'，'2'，'3'，'4']；
for（var i=itCats.length；i--；）{
$（“.p项”）.eq（i）.html（itCats[i]）；
}

标题1

标题2

标题3

标题4

代码中的各种错误

选择器字符串以
“
开头，以
”结尾。
将其更正为
”。项目p“
或
”。项目p“
$（“.item p”）
选择所有元素并使用使用索引获取特定元素
这里不需要嵌套循环
删除方法中不必要的
”

var itCats=['1'，'2'，'3'，'4']；
for（var i=itCats.length；i--；）{
$（“.p项”）.eq（i）.html（itCats[i]）；
}

标题1

标题2

标题3

标题4

您可以使用一个
each（）循环来完成此操作。
循环


var itCats=['1'，'2'，'3'，'4']；
$（'.item'）。每个（函数（i）{
$（this.find（'p'）.text（itCats[i]）
})

标题1

标题2

标题3

标题4

您可以使用一个
each（）循环来完成此操作。
循环


var itCats=['1'，'2'，'3'，'4']；
$（'.item'）。每个（函数（i）{
$（this.find（'p'）.text（itCats[i]）
})

标题1

标题2

标题3

标题4

您可以使用
.text（）
回调函数访问元素索引，并从数组返回所需值以设置为新文本：

$('.item p').text(function(i){
  return itCats[i];
})


var itCats=['1'，'2'，'3'，'4']；
$（'.p'）.text（函数（i）{
归还猫[i]；
})

标题1

标题2

标题3

标题4

您可以使用
.text（）
回调函数访问元素索引，并从数组返回所需值以设置为新文本：

$('.item p').text(function(i){
  return itCats[i];
})


var itCats=['1'，'2'，'3'，'4']；
$（'.p'）.text（函数（i）{
归还猫[i]；
})

标题1

标题2

标题3

标题4

您可能在
$（“.item p'）.html（'itCats[i]）行中有一些关于单引号和双引号的输入错误

您可以利用jQuery
.each（函数（索引））
来获取元素索引

试试这个例子：
您可能在
$（“.item p'）.html（'itCats[i]）；

您可以利用jQuery
.each（函数（索引））
来获取元素索引

试试这个例子：
你搞糟了一些事情。对于你的结果，最简单的解决方案是在每个
循环中使用
索引

$('.item p').each(function(index) {
    $(this).text(itCats[index]);
});


var itCats=['1'，'2'，'3'，'4']；
$（'.item p'）。每个（函数（索引）{
$（此）.text（ITCAT[index]）；
})；

标题1

标题2

标题3

标题4

您弄乱了一些内容。对于您的结果，最简单的解决方案是在每个
循环中使用
索引

$('.item p').each(function(index) {
    $(this).text(itCats[index]);
});


var itCats=['1'，'2'，'3'，'4']；
$（'.item p'）。每个（函数（索引）{
$（此）.text（ITCAT[index]）；
})；

标题1

标题2

标题3

标题4

有更多的错误，所以这不是答案。确实，有更多的错误，但脚本也不好。感谢有更多的错误，所以这不是答案。确实，有更多的错误，但脚本也不好。感谢这将删除
p
tag这将删除
p
tagI建议删除
o
从参数中删除，因为此处不需要。我建议从参数中删除
o
，因为此处不需要。