each()外，怎么让console只执行一次

Question

   <div id="d1">
        <div></div>
        <div></div>
        <div class="d2"></div>
        <div class="d2"></div>
    </div>
    <button>点击</button>
    <script src="jquery-1.10.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function(){
            $("button").click(function(){
                var arr=[];
                $("#d1 .d2").each(function(){
                    arr.push(this.index());
                })
                console.log(arr)
            })
        })
    </script>

Answer 1

设置一个flag来标记console有没有输出过即可：

<script type="text/javascript">
  $(function(){
    let flag = true;
    $("button").click(function(){
      var arr=[];
      $("#d1 .d2").each(function(){
        arr.push(1);
      })
      if (flag) {
        console.log(arr);
        flag = false;
      }
    });
  });
</script>

你试试呢，希望能帮助到你。