jquery添加(append)删除(remove)文本,带数字自增

 　　　$('.js-add').click(function () {
      var n = 1;
      var check = $('.js-chenked label');
      if (check.hasClass('checked')) {
      $('.ul-trade li').fadeIn();
      n = $('.ul-trade li').length + 1;
      $('.ul-trade li').append('<li> 第<span class="numbers">' + n + '</span>阶段： <input type="text" placeholder="" > € <input type="text" placeholder=""> </li>');
       }
      });
      $('.js-js').click(function () {
      var n = $('.ul-trade li').length;
      if (n > 1) {
      $('.ul-trade li').eq(-1).remove();
      return
      }
      })

大致思路就是点击添加的时候给他添加一个阶段,点击第二次的时候 n 可以变为二 依次类推, 点击删除的时候按节点来删除,也就是从最后一个子节点开始删除,当他的节点长度(length)为一的时候剩下一个阶段留在那给用户一个提示!
说白了这就是一组假数据,这个只建议初学者看看,能用真数据就用真数据,总感觉假数据给用户的体验不是特别的好的!