jquery刪除表格,jquery刪除表格行兩個parent只刪除了一個單元格
JQuery中的remove()刪除表格中的行求解
動態(tài)添加的對象，其事件也要動態(tài)綁定！
康馬網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)！從網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、APP開發(fā)、響應式網(wǎng)站等網(wǎng)站項目制作，到程序開發(fā)，運營維護。成都創(chuàng)新互聯(lián)公司2013年成立到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設就選成都創(chuàng)新互聯(lián)。
!DOCTYPE?html
html
head
meta?charset="UTF-8"
title添加與刪除/title
script?src="js/jquery-1.8.3.min.js"/script
script
var?n=1;
$(function(){
$("button").click(function(){
var?btn=$("input?type='button'?value='刪除'/");
btn.click(function(){
$(this).closest("tr").remove();
});
$("tbody").append($("trtd"+n+"/tdtd新添加的表格/td/tr").append($("td/td").append(btn)));
n++;
});
});
/script
/head
body
button添加表格/button
table?border="1px"
tbody
/tbody
/table
/body
/html
關于JQuery語句刪除表格列
$(".table?thead?tr?th:nth-child(2)").hide()
$(".table?thead?tr?th::eq(1)").hide()
這兩種都可以? 這樣就隱藏了
jQuery刪除表格行且只保留前第一行 求解決 麻煩啦
很多問題其實可以在baidu.com找到，不過有時自己寫更有成就感。
根據(jù)你的標題描述。
個人感覺說得不是很清晰。
給出一個例子，功能是點擊“刪除”將移除當前點擊所在單元格的前一個tr。
trlen是獲取當前table總有多少個tr。
如果trlen大于1則可以刪除，反之如果只剩下一個tr了不允許刪除。
其中.prev()是獲取上一個相鄰的元素。
相關的其他教程你可以去三體教程(santii.com)看一下。
先引入jquery，以下為實例代碼：
table?width="100%"?border="1"?class="tb"
tr
td1/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan?class="del"刪除/span/td
/tr
tr
td2/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan?class="del"刪除/span/td
/tr
tr
td3/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan?class="del"刪除/span/td
/tr
tr
td4/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan?class="del"刪除/span/td
/tr
tr
td5/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan?class="del"刪除/span/td
/tr
tr
td6/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan?class="del"刪除/span/td
/tr
tr
td7/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan?class="del"刪除/span/td
/tr
tr
td8/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan?class="del"刪除/span/td
/tr
tr
td9/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan?class="del"刪除/span/td
/tr
tr
td10/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan?class="del"刪除/span/td
/tr
tr
td11/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdnbsp;/td
tdspan?class="del"刪除/span/td
/tr
/table
$("span.del").click(function(){
var?trlen=$(".tb").find("tr").length;
if?(trlen1){
$(this).parent().parent().prev().remove();
}else{
alert("只剩下一行了不能刪除");
}
});
如何用jquery實現(xiàn)動態(tài)刪除表格行
table
tr class="tr-line"
td第一行第一列/tdtd第一行第二列/td
/tr
tr class="tr-line"
td第二行第一列/tdtd第二行第二列/td
/tr
/table
$(function(){
//給table的行賦值click事件，點擊行即刪除該行
$(".tr-line").click(function(){
$(this).remove();//移除當前的元素
});
});
jquery有選擇性的增加和刪除表格
不懂太你的描述~
頁面上面的三張表格是隱藏的？
點擊增加按鈕的時候，是把隱藏的表格顯示？
點擊刪除按鈕的時候，是把顯示的表格隱藏？
補充：
以下為頁面控件概述：
三個表格控件：
table id="table1"/table
table id="table2"/table
table id="table3"/table
一個下拉菜單控件：
select id="select1"/select
一個增加按鈕：
input type="button" id="btnAdd" /
一個刪除按鈕：
input type="button" id="btnDelete" /
以下為js代碼：
$(function () {
var $select1 = $("#select1");
var $tempTables = $(); //用于緩存table
//為select增加所有table列表
$("table").each(function () {
var id = $(this).attr("id");
$select1.append($("option/option").val(id).text(id));
});
//為增加按鈕綁定事件
$("#btnAdd").click(function () {
//克隆選擇的table，并去除id
var cloneTable = $("#" + $select1.val()).clone().removeAttr("id");
//加入頁面中
$("body").append(cloneTable);
//加入緩存中
$tempTables = $tempTables.add(cloneTable);
});
//為刪除按鈕綁定事件
$("#btnDelete").click(function () {
//移除所有新增的table
$tempTables.remove();
//重置緩存
$tempTables = $();
});
});
代碼純手打~沒測試過~有問題你給我說~應該沒問題~
希望對您有幫助~
By Billskate
本文標題：jquery刪除表格,jquery刪除表格行兩個parent只刪除了一個單元格
分享網(wǎng)址：http://m.jiaotiyi.com/article/dsohepo.html