jquery ajax 如何根据已知某行内的内容找到那一行,并删除
1个回答
展开全部
这个好像和ajax扯不上什么大关系吧。如果你是说通过ajax获取后台的信息之类的，然后匹配表格里的内容并删除，倒说的过去
我在这里写的根据已知内容匹配表格一行并删除的代码吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>new html page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/site.css" type="text/css" rel="stylesheet" />
<script type='text/javascript' src='file:///g:/test/jquery/jquery-1.6.4.js'></script>
<script type="text/javascript">
<!--
$(function() {
$(":button").click(function() {
var text = $(":text").val();
$("table td").each(function() {
if ($(this).text() == text) {
$(this).parent("tr").remove();
}
});
});
});
//-->
</script>
</head>
<body>
<table border="0" cellspacing="1" cellpadding="0">
<tr><td>11</td><td>12</td><td>13</td><td>14</td></tr>
<tr><td>21</td><td>22</td><td>23</td><td>24</td></tr>
<tr><td>31</td><td>32</td><td>33</td><td>34</td></tr>
<tr><td>41</td><td>42</td><td>43</td><td>44</td></tr>
</table>
<br /><br /><br />
输入匹配内容：<input type="text" value="" />
<input type="button" value="查找并删除" />
</body>
</html>
<style type="text/css">
table {
width : 300px;
background : #d00;
}
td {
background : #fff;
}
input {
border : 1px solid #ddd;
}
</style>
我在这里写的根据已知内容匹配表格一行并删除的代码吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>new html page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/site.css" type="text/css" rel="stylesheet" />
<script type='text/javascript' src='file:///g:/test/jquery/jquery-1.6.4.js'></script>
<script type="text/javascript">
<!--
$(function() {
$(":button").click(function() {
var text = $(":text").val();
$("table td").each(function() {
if ($(this).text() == text) {
$(this).parent("tr").remove();
}
});
});
});
//-->
</script>
</head>
<body>
<table border="0" cellspacing="1" cellpadding="0">
<tr><td>11</td><td>12</td><td>13</td><td>14</td></tr>
<tr><td>21</td><td>22</td><td>23</td><td>24</td></tr>
<tr><td>31</td><td>32</td><td>33</td><td>34</td></tr>
<tr><td>41</td><td>42</td><td>43</td><td>44</td></tr>
</table>
<br /><br /><br />
输入匹配内容：<input type="text" value="" />
<input type="button" value="查找并删除" />
</body>
</html>
<style type="text/css">
table {
width : 300px;
background : #d00;
}
td {
background : #fff;
}
input {
border : 1px solid #ddd;
}
</style>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
