Question

我想根据div的动态创建子弹图标。

例如，如果我有2个div滑块，所以我想在其他div中创建2个子弹图标，如果div计数为0，则bullet应该显示为none。

我想要这样的东西

<div class="mainslider">
  <div class="slider"><img src="abc.jpg"></div>
  <div class="slider"><img src="xyz.jpg"></div>
</div>

<div class="bullet">
  <a href="#1">&bull;</a>
  <a href="#2">&bull;</a>
</div>

基本上我想根据滑块div的数量动态创建子弹图标。提前致谢

Answer 1

您可以使用＆＃34;滑块＆＃34;计算多少div。 class有，然后循环显示此号码，将带有子弹的新a附加到div，其中包含＆＃34; bullet＆＃34;类。

＆＃13;

$(function() {
  for (var i = 1; i <= $(".slider").size(); i++) {
    $("<a></a>").attr("href", "#" + i).html("&bull;").appendTo(".bullet");
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="mainslider">
  <div class="slider">
    <img src="abc.jpg">
  </div>
  <div class="slider">
    <img src="xyz.jpg">
  </div>
</div>

<div class="bullet">
</div>

＆＃13;

如何根据div元素的内容在div元素中创建新的bullent图标？

1 个答案: