Question

我在下面有以下代码。我需要在<li>的{{1}}内为每个图片添加<ul>标记，因为图片的数量可能会有所不同，我需要用js来做，但不知道该怎么做在我得到carousel-controls

的长度后做

image-controller

var img_number = $(".image-container img").length;

Answer 1

你真的不需要对找到的图像长度做任何事情，你可以将它们循环并将它们附加到UL元素，并用新的li包裹元素：

＆＃13;

$(function() {
  $(".image-container img").each((i, el) => {
    $('ul').append($("<li>").append(el));
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='image-container'>
  <img src="/img.png" alt="xga-1">
  <img src="/img2.png" alt="xga-1">
  <img src="/img3.png" alt="xga-1">
</div>

<div class="carousel-controls">
   <p class="angle-left" data-icon='ei-chevron-left' data-size='m'></p>
   <ul>
      <!-- Insert a <li>  for each image -->
    </ul>
   <p class="angle-right" data-icon='ei-chevron-right' data-size='m'></p>
 </div>

＆＃13;

Answer 2

像这样你可以添加它们

$(".image-container img").each(function(){
$("ul").append("<li>"+$(this).html()+"</li>")
}
);

如何根据另一个div的长度添加标签

2 个答案: