Question

点击按钮.iconToggler我要将图标从.upload切换为图标A到图标B ....

部分工作直到我添加此行if(!$(".container").find("span").length) $(".container").append("<span>Icon B</span>"); ..只会附加图标B以防以前不存在。

我做错了什么？

HTML

<div class="container"> [html] 
  <div class="upload">Icon A</div>
</div>


<div class="iconToggler"> toggler Upload Icon </div>

JQUERY

   $(".iconToggler").on("click",function() { 
      $(".upload").toggle(0, function() {

          $(this).is(":visible") ? $(this).html("Icon A") : if(!$(".container").find("span").length) $(".container").append("<span>Icon B</span>");


 });


 });

Answer 1

您可以使用.html( function )：

$(".iconToggler").on("click", function () {
  $(".upload").html(function (idx, txt) {
      return  (txt == "Icon A") ? "<span>Icon B</span>" : "Icon A";
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<div class="container">
    <div class="upload">Icon A</div>
</div>
<div class="iconToggler"> toggler Upload Icon</div>

切换div找到子图像不工作jquery

1 个答案: