Jquery 循环遍历div数组并将其innerHTML显示为H标记？

对于如下所示的每个文本块：

<div class="articles-slider">
<div class="slick-slide"><div class="user-title">danny<div>...more DIVs....<ul class="socials">.... 
</ul><div>
<div class="slick-slide"><div class="user-title">jane<div>...more DIVs....<ul class="socials">.... 
</ul><div>
<div class="slick-slide"><div class="user-title">tom<div>...more DIVs....<ul class="socials">.... 
</ul><div>
<div>

在UL class=“socials”之前添加一个空的H4标签

var theNames=[]；
jQuery（“.socials”）。前缀（“”）；
jQuery（'.user title'）。每个（函数（）{
theNames.push（this.innerHTML）；
});

-求助-

将names.innerhtml分别添加到H4标记中

var theNames = [];
var theNamesText = [];
jQuery(".socials").prepend('<H4 class="sr-only the_title"></H4>');
jQuery('.user-title').each(function () {    
    theNames.push(this.innerHTML);
});

var theNames=[]；
var theNamesText=[]；
jQuery（“.socials”）。前缀（“”）；
jQuery（'.user title'）。每个（函数（）{
theNames.push（this.innerHTML）；
});

---

看来你把问题复杂化了。不需要存储标题。根据您的代码，您应该能够找到一个容器元素，它是您希望使用的元素的父元素（

$container

）。然后找到您需要使用的元素（

$userTitle

和

$socials

），如果它们存在，请添加带有标题的

H4

$（'slick-slide'）。每个（函数（）{
var$container=$（这个）；
var$userTitle=$container.find（'.user title'）；
var$socials=$container.find（'.socials'）；
如果（$userTitle.length==1&&$socials.length==1）{
$socials.prepend（“$userTitle.innerHtml”）；
}
});

谢谢阿尔塔夫·霍哈尔和埃里克·菲利普：）

真管用

$('.slick-slide').each(function() {
  var $container = $(this);
  var $userTitle = $container.find('.user-title');
  var $socials = $container.find('.socials');
  if ($userTitle.length == 1 && $socials.length == 1) {
  $socials.prepend('<H4 class="sr-only the_title">' + $userTitle.text() + '</H4>');
   }
});

$（'.slick slide'）。每个（函数（）{
var$container=$（这个）；
var$userTitle=$container.find（'.user title'）；
var$socials=$container.find（'.socials'）；
如果（$userTitle.length==1&&$socials.length==1）{
$socials.prepend（“”+$userTitle.text（）+“”）；
}
});

Hello，我不确定您试图实现什么，但下面可以帮助您：$（'.user title'）.each（函数（）{$（this.find（“ul”）.prepend（'+$（this.text（）+''）；}）；

var theNames = [];
var theNamesText = [];
jQuery(".socials").prepend('<H4 class="sr-only the_title"></H4>');
jQuery('.user-title').each(function () {    
    theNames.push(this.innerHTML);
});

$('.slick-slide').each(function() {
  var $container = $(this);
  var $userTitle = $container.find('.user-title');
  var $socials = $container.find('.socials');
  if ($userTitle.length == 1 && $socials.length == 1) {
  $socials.prepend('<H4 class="sr-only the_title">' + $userTitle.text() + '</H4>');
   }
});