JQ利用数组动态添加删除元素

点击数字往数组里新增参数并生成div 在此之前判断如果div存在则不添加参数并根据下标删除该div

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.choice,.isNum {display: flex;}.choice div,.isNum div {margin-right: 20px;}</style>
</head><body><div class="choice"><div class="num" onclick="num(1)">1</div><div class="num" onclick="num(2)">2</div><div class="num" onclick="num(3)">3</div><div class="num" onclick="num(4)">4</div><div class="num" onclick="num(5)">5</div><div class="num" onclick="num(6)">6</div><div class="num" onclick="num(7)">7</div></div><div class="isNum"></div>
</body>
<script src="./js/jQuery.js"></script>
<script>var numList = []function num(num) {let index = numList.indexOf(num)if (index == '-1') {$("<div class='numItem'>样式" + num + "</div>").appendTo(".isNum");numList.push(num)console.log(numList);}else{numList.splice(index,1)$('.isNum>.numItem:eq('+index+')').remove()console.log(numList);}}</script></html>

JQ利用数组动态添加删除元素相关推荐

扩展JavaScript数组（Array）添加删除元素方法
为JavaScript数组(Array)扩展添加删除元素方法作者:jcLee95:https://blog.csdn.net/qq_28550263?spm=1001.2101.3001.5343 ...
【JQ】动态添加的元素无法触发绑定事件的解决办法
情景如上面的模态框,点击左边的添加按钮,会把整个div添加到右边,点击右边的删除按钮,则把整个div添加回左边,就类似于穿梭框的样子. 不难,下面是一开始想到的方案: $('#SelectedDev ...
动态添加/删除HTML元素
动态添加/删除HTML元素 <HTML> <HEAD> <title>动态添加/删除HTML元素</title> <style type=&quo ...
jq增加删除html标签,jQuery添加\删除元素
jQuery添加\删除元素 html> jquery添加和删除元素 $(function(){ //添加元素 //元素内部添加 //append()在被选元素的结尾插入内容; // $('but ...
jQuery给动态添加的元素绑定事件的方法
jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定.在1.7版本以前使用live.但是在1.8版本以后推荐使用on.这 ...
jquery append 动态添加的元素事件on 不起作用的解决方案
用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delet ...
JavaScript实现动态添加的元素添加点击事件
在页面开发过程中常常遇到需要动态添加元素,然后给这一元素绑定相关事件的情况,这种情况下一般需要给元素加上相关属性,然后写这些元素的事件函数即可.动态添加的元素怎么绑定事件呢? 原生JavaScript ...
java数组末尾添加元素_java数组添加元素,java数组如何添加一个元素
java数组如何添加元素向数组里添加一个元素怎么添加,这儿总结有三种方法: 1.一般数组是不能添加元素的,因为他们在初始化时就已定好长度了,不能改变长度. 但有个可以改变大小的数组为ArrayLis ...
js动态添加页面元素
在刚完成的作业中,使用的动态添加页面元素的代码: function add(name) {$("#list").append(" <a class='a' href ...

JQ利用数组动态添加删除元素

JQ利用数组动态添加删除元素相关推荐

最新文章

热门文章