数组中元素的动态增加和删除

 1                     <div class="ser-pup-line1">
 2                         <div class="ser-pup-left">
 3                             <span>使用配件</span>
 4                         </div>
 5                         <div class="ser-pup-right1">
 6                             <div class="clone">
 7                                 <div class="ser-pup-add">
 8                                     <select name="">
 9                                         <option value="">请选择</option>
10                                         <option value="">大保养</option>
11                                         <option value="">小保养</option>
12                                     </select>
13                                     <span></span>
14                                     <select name="">
15                                         <option value="">请选择</option>
16                                         <option value="">大保养</option>
17                                         <option value="">小保养</option>
18                                     </select>
19                                 </div>
20                             </div>
21                             <div class="ser-add">
22                                 <div class="ser-lop">
23                                     <img src="../img/add.png" alt="" class="img-add" />
24                                     <span>添加使用配件</span>
25                                 </div>
26                                 <div class="ser-lop">
27                                     <img src="../img/minu.png" alt="" class="img-minu" />
28                                     <span>删除</span>
29                                 </div>
30                             </div>
31                         </div>
32                     </div>

.ser-pup-line{
    width: 100%;
    height: 30px;
    margin-bottom: 20px;
}
.ser-pup-left{
    float: left;
    width: 18%;
    height: 30px;
    line-height: 30px;
    /*background: #007DDB;*/
}
.ser-pup-left span{
    float: right;
    margin-right: 20px;
}
.ser-pup-right{
    float: left;
    height: 30px;
    width: 82%;
    /*background: #009E94;*/
}
.ser-pup-right input{
    width: 85%;
    height: 28px;
}
.ser-pup-line1{
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.ser-pup-left1{
    float: left;
    width: 18%;
    height: 30px;
    line-height: 30px;
}
.ser-pup-right1{
    float: left;
    overflow: hidden;
    width: 82%;
    margin-bottom: 10px;
    /*background: #009E94;*/
}
.ser-lop{
    float: left;
    margin-right:10px;
}
.ser-pup-add{
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.ser-pup-add select{
    float: left;
    display: inline-block;
    width: 37%;
    height: 30px;
}
.ser-pup-add div{
    float: left;
    display: inline-block;
    width: 37%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border:1px solid #ccc;
}
.ser-pup-add span{
    float: left;
    display: inline-block;
    width: 25px;
    height: 15px;
    border-bottom: 2px solid #ccc;
    color:#ccc;
    margin:0 3%;
}
.ser-add{
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.ser-add img{
    float: left;
    width: 28px;
    height: 28px;
    cursor: pointer;
}
.ser-add span{
    float: left;
    display: inline-block;
    font-size: 12px;
    margin-left:10px;
}

//图片点击克隆
		$(‘.img-add‘).click(function() {
			var atr = $(".clone>div").eq(0).clone();
			$(".clone").append(atr);
		})
		//图片点击减少
		$(‘.img-minu‘).click(function() {
			debugger
			var arr = $(".clone");
			for(var j = 0; j <= arr.length; j++) {
				var Arr = $(arr[j]).find("div");
				for(var i = 0; i <= Arr.length; i++) {
					if(i == (Arr.length - 1)) {
						if(i >= 1) {
							$(Arr[i]).remove();
						}
						return;
					}
				}
			}
		})

原文地址：https://www.cnblogs.com/xinheng/p/9531751.html

时间： 2024-12-22 09:42:02

数组中元素的动态增加和删除的相关文章

JS实现循环删除数组中元素的方法介绍

这篇文章主要给大家介绍了关于Javascript循环删除数组中元素的几种方法,文中给出了详细的示例代码供大家参考学习,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧. 本文主要跟大家分享了关于Javascript循环删除数组中元素的几种方法,分享出来供大家参考学习,下面来看看详细的介绍: 发现问题大家在码代码的过程中,经常会遇到在循环中移除指定元素的需求.按照常规的思路,直接一个for循环,然后在循环里面来个if判断,在判断中删除掉指定元素即可.但是实际情况往往不会像预想的那样顺利

循环删除数组中元素的正确方法

1.循环删除数组中元素的正确方法提起循环删除数组中的元素,最先想到的就是使用for循环和数组的splice方法来实现(正序循环删除方法),如下代码用来实现删除数组中大于2的元素: 1 let arr = [1, 2, 3, 4, 5, 4, 3, 2, 1]; 2 for (let i = 0, len = arr.length; i < len; i++) { 3 if (arr[i]> 2) { 4 arr.splice(i, 1); 5 } 6 } 7 console.log(arr)

数组的创建／查找数组里面的内容／添加数组中元素／使用指定的字符串把数组链接起来／判断数组内是否有指定的数组元素／四种遍历进行输出数组中的元素有哪些

#import <Foundation/Foundation.h> int main(int argc, const char * argv[]) { @autoreleasepool { //创建数组 //1.快速创建数组@［］ NSArray*[email protected][@"month",@"tue",@" wed",@"fir"]; //2,创建空的数组 NSArray*arr=[[NSArray a

jquery动态增加或删除tr和td【实际项目】

难点: (1)动态增加.删除tr和td (2)每天tr和td都有下标,且下标要动态变化, (3)tr和td为什么下标不能随便写,原因是此处需要把所有tr中的数据以list的形式发送到后台对象中,所有每天tr中的tr中name='对象[index].属性',必须有下标且下标要从0开始且要连续不能跳跃 (4)增加tr和td需要学习细节有: 创建td var $tdName = $("<td class='in-ctt'></td>"); td添加内容 $td

VB6之多维数组中元素在内存中的排列情况

1 Private Declare Sub RtlMoveMemory Lib "kernel32" (Destination As Any, Source As Any, ByVal Length As Long) 2 3 4 'code by lichmama from cnblogs.com 5 Private Sub Form_Load() 6 Dim a(2) As Byte 7 Dim b(2, 2) As Byte 8 Dim c(2, 2, 2) As Byte 9 1

删除数组中某一项并输出删除后的数组

方法一: package delete;import java.util.Scanner;public class delete { public static void main(String[] args){ Scanner input = new Scanner(System.in); int[] num = new int[]{3,6,9,13}; System.out.print("请输入要删除的数:"); int number = input.nextInt(); bool

C实现数组中元素的排序

使用C实现数组中元素的排序,使得数组中的元素从小到大排列.只不过在这个过程中出了一点小问题,在C中进行数字交换的时候,必须要使用指针的,不能使用引用.在后面的文章中,我要学习一个在C中的引用和指针的区别.下面看一下我的代码吧. #include <stdio.h> void swap(int *a,int *b); void rest(int lels[],int count); /** * 该实例用于实现对用户输入的数组进行排序 * 要求的数组中的元素从小到大来咧 * * @brief ma

黑马基础阶段测试题：定义一个int类型的数组，数组中元素为｛5，7，3，9，4｝。求出数组中的最小值，并判断最小值是否为偶数，如果是偶数则输出“最小值为偶数”，如果不是偶数则输出“最小值为奇数”。打印如下：

package com.swift; import java.util.Arrays; public class ArrayTest { public static void main(String[] args) { /* * 定义一个int类型的数组,数组中元素为{5,7,3,9,4}. * 求出数组中的最小值,并判断最小值是否为偶数,如果是偶数则输出"最小值为偶数",如果不是偶数则输出"最小值为奇数".打印如下 */ int arr[]= {5,7,3,9,4

根据Bool值挑选数组中元素

根据Bool值挑选数组中元素觉得有用的话,欢迎一起讨论相互学习~Follow Me 使用Boolean类型的数组挑选一维数组中的值使用一维Boolean数组选取数组中的特定元素,对应位置为True则选取,为False则不选取 import numpy as np i_=[2] # 挑选第三行数据 pop=np.arange(12).reshape(3,4) print("pop(3,4)\n",pop) bool=np.array([0,0,1,1]).astype("b