100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JQ利用数组动态添加删除元素

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

时间:2022-09-20 06:40:26

相关推荐

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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。