1. 程式人生 > >jQuery 實現模組的複製和刪除

jQuery 實現模組的複製和刪除

//複製一個table
function copyDiv(){
var count = $("#family").find("table").length;
if(count >= 3){
alert("家庭成員新增不能超過3個!");
}else{
var table = $("#familyTab").clone();
$("#family").append(table);
}
}

//刪除選中元素所在的table
function deleteTable(obj){
var count = $("#family").find("table").length;
if(count <= 1){
alert("家庭成員新增不能少於1個!");
}else{
var $parent = $(obj).parents("table");
$parent.remove();
}

}

如果想刪除其他的元素,可以將元素進行修改,但是一定要注意是否有相關的相同元素受到影響。

相關推薦

jQuery 實現模組複製刪除

//複製一個table function copyDiv(){var count = $("#family").find("table").length;if(count >= 3){alert("家庭成員新增不能超過3個!");}else{var table = $

Linux 指令碼實現批量新增刪除普通使用者

(1)Linux中用指令碼實現批量新增和刪除普通使用者 https://blog.csdn.net/qq_38038143/article/details/71655771 (2)Linux————Linux下批量建立使用者並設定密碼(shell指令碼) https://blog.csd

分別使用jsJQuery實現全選全不選

1.1html <table border="1" width="500" height="50" align="center"> <thead> <tr> <td colspan="4"><input type="butt

redis實現主從複製高可用(主從切換)

當用單個redis伺服器壓力過大時,就要考慮redis主從複製了,主master複製寫入,從slave複製讀取 ,從而緩解伺服器壓力 接下來就配置一個reids的主從複製 127.0.0.1 :6379(主) 127.0.0.1 :6380(從) 127.0.

Select JQuery 實現左右複製移動內容

Select JQuery 實現左右複製移動內容 引入的檔案為<script type="text/javascript" src="jquery-1.10.2.js"></script> 雙擊也可以移動 javascript程式碼:

jQuery實現全選反選

<!DOCTYPE html> <html> <head> <title>MyHtml.html</title> <meta http-equiv="keywords" content="keyword1,

jquery無重新整理新增刪除input輸入框 增加減少input框

<pre name="code" class="html"><a href="#" id="AddMoreFileBox" class="btn btn-info">新增更多的input輸入框</a></span></p

vc檔案複製刪除及移動重新命名

總結一下SHFileOperation的用法,希望對大家有用 //刪除檔案或者資料夾bool DeleteFile(char * lpszPath) { SHFILEOPSTRUCT FileOp={0}; FileOp.fFlags = FOF_ALLOWUNDO |   //允許放回回收站    

Windows下一個複製刪除檔案(資料夾)的bat指令碼

:: 指令碼建立時最好選擇GB2312編碼 :: @echo off 表示不回顯執行的命令 @echo off ::設定源路徑和目的路徑,使用該變數時需要用一對%包起來 set SRC_PATH=..

Windows 資料夾操作:複製刪除整個資料夾

檔案和資料夾的建立、複製、刪除、重新命名等操作是經常要用到的,作者根據自己的經驗,並查詢了MSDN,特意總結了常用檔案和資料夾的相關操作,重點討論了複製整個資料夾和刪除整個資料夾 1、檔案操作基本函式 WinBase.h中聲明瞭Windows平臺下的基本的API函式,包

jquery實現全選全不選功能

方法一:用//Ajax獲取取值 <!DOCTYPE html> <html> <meta charset="utf-8"> <head> <script src="http://code.jquery.com/j

資料夾複製刪除整個資料夾

轉載請註明原文連結。 檔案和資料夾的建立、複製、刪除、重新命名等操作是經常要用到的,作者根據自己的經驗,並查詢了MSDN,特意總結了常用檔案和資料夾的相關操作,重點討論了複製整個資料夾和刪除整個資料夾 1、檔案操作基本函式 WinBase.h中聲明瞭Windows平

JS實現動態增加刪除li標籤行

function addDepartment() { var x = document.getElementById('department'); var l = x.childNodes.length; var li = document.createElement("l

EF結合SqlBulkCopy實現高效的批量資料插入 |EF外掛EntityFramework.Extended實現批量更新刪除

批量插入 (17597條資料批量插入耗時1.7秒) using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; na

C# winform資料夾操作複製刪除

首先需要新增名稱空間: using System.IO; 下面分別有2個刪除方法: /// <summary> /// 刪除資料夾下所有檔案 /// </summary> /// &

C++資料結構--二叉樹的複製刪除

本示例所用到的二叉樹: template<typename T>class node {    public:       T val; //節點值 node<T>* left; //左節點  node<T>* right; //右節點 node():val(T()),l

Android開發之RecyclerView的互動動畫(實現拖拽刪除)

做RecyclerView做相關的動畫效果的時候,用的最多的是v7包下的ItemTouchHelper類,這個類很強大,如有興趣的童鞋可以自行翻看原始碼,接下來我帶領大家實現RecyclerView相關的互動動畫。大家看下面的效果(拖拽和刪除): ------------

使用JQuery實現ul中新增LI刪除指定的Li元素

最近為了實現這個簡單的功能也是看了很多的內容,終於找出了看起來簡單易實現的方法,我覺得能用最簡潔的程式碼實現,就不要寫的那麼複雜,看也看不懂。先碼著,為後面的專案做做準備。 <!DOCTYPE HTML> <html lang="en-US"> <head>

jQuery實現multiple select(列表框)左右新增刪除功能

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html&

jQuery實現複製當前tr到下面表格,刪除複製tr

直接上程式碼,複製貼上的時候別忘記引用Jquery外掛  <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" co