Javascript 从所有div返回的JS值

我试图从一个div中获取firstname和lastname的第一个字母，并将其粘贴到另一个div中，但它在所有div中粘贴相同的值，而不是从每个div中获取唯一的值

 <div class="main-holder">
 <div class="nameholder">Kyle Davis</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
 <div class="nameholder">Seim Seiy</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
<div class="nameholder">Momma Boy</div>
<div class="avatarholder"></div>
</div>`

工作小提琴：

 <div class="main-holder">
 <div class="nameholder">Kyle Davis</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
 <div class="nameholder">Seim Seiy</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
<div class="nameholder">Momma Boy</div>
<div class="avatarholder"></div>
</div>`

发行小提琴：

 <div class="main-holder">
 <div class="nameholder">Kyle Davis</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
 <div class="nameholder">Seim Seiy</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
<div class="nameholder">Momma Boy</div>
<div class="avatarholder"></div>
</div>`

加价 ` 无名氏

 <div class="main-holder">
 <div class="nameholder">Kyle Davis</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
 <div class="nameholder">Seim Seiy</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
<div class="nameholder">Momma Boy</div>
<div class="avatarholder"></div>
</div>`

凯尔·戴维斯
盛盛
妈妈男孩
`

您使用的是类选择器，它选择具有给定类名的所有元素。这就是为什么所有元素都设置为相同的值

 <div class="main-holder">
 <div class="nameholder">Kyle Davis</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
 <div class="nameholder">Seim Seiy</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
<div class="nameholder">Momma Boy</div>
<div class="avatarholder"></div>
</div>`

您需要包装元素，然后独立地处理每一行 我更新了您的代码片段以演示这一点：

 <div class="main-holder">
 <div class="nameholder">Kyle Davis</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
 <div class="nameholder">Seim Seiy</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
<div class="nameholder">Momma Boy</div>
<div class="avatarholder"></div>
</div>`

$（'.row'）。每个（函数（）{
var takword=$（'.nameholder'，this.text（）.split（''）；
var text=''；
$。每个（takword、函数（）{
text+=这个.substring（0，1）；
});
$（'.avatarholder'，this）.text（text）；
});

无名氏
凯尔·戴维斯
盛盛
妈妈男孩
您使用的是类选择器，它选择具有给定类名的所有元素。这就是为什么所有元素都设置为相同的值

 <div class="main-holder">
 <div class="nameholder">Kyle Davis</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
 <div class="nameholder">Seim Seiy</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
<div class="nameholder">Momma Boy</div>
<div class="avatarholder"></div>
</div>`

您需要包装元素，然后独立地处理每一行
我更新了您的代码片段以演示这一点：

 <div class="main-holder">
 <div class="nameholder">Kyle Davis</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
 <div class="nameholder">Seim Seiy</div>
 <div class="avatarholder"></div>
 </div>

 <div class="main-holder">
<div class="nameholder">Momma Boy</div>
<div class="avatarholder"></div>
</div>`


$（'.row'）。每个（函数（）{
var takword=$（'.nameholder'，this.text（）.split（''）；
var text=''；
$。每个（takword、函数（）{
text+=这个.substring（0，1）；
});
$（'.avatarholder'，this）.text（text）；
});

无名氏
凯尔·戴维斯
盛盛
妈妈男孩