日期:2014-05-16  浏览次数:20379 次

小问题.关于删除tr
本帖最后由 eceg 于 2014-03-20 10:49:38 编辑

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>测试</title>

<script type="text/javascript" src="jquery-1.4.js"></script>

<script>
function deleteTest(){
var dd =$('[id=aa]');
for(var i=0;i<dd.length;i++){
var bb = dd[i];
bb.deleteCell();
}
}
</script>

</head>

<body>
<table>
<tr>
<td   style="cursor:pointer;" onclick=javascript:deleteTest();>删除</td>
</tr>
</table>

<table>
<tr id="bb" ><td><img src=\"/images/item.png\"/></td><td>aaaaaaa</td></tr>
<tr id="aa" ><td><img src=\"/images/item.png\"/></td><td>aaaaaaa</td></tr>
<tr id="aa"><td>bbbbbb</td><td><img src=\"/images/item.png\"/></td></tr>
<tr id="aa"><td>ccccccccc</td><td><img src=\"/images/item.png\"/></td></tr>
</table>


</body>
</html>



就是一个删除所有指定名字的tr .现在的问题是,只能删除tr下的一个td,如何全部删除.
jquery实现最好
------解决方案--------------------
function deleteTest(){
      var dd =$('[id=aa]');

      for(var i=0;i<dd.length;i++){
        var bb = dd[i];
        $(bb).remove();
      }
    }

------解决方案--------------------
function deleteTest(){
//获取指定id的元素
var target = $('#aa');
//删除tr本身(根据id获取只会获取一个,不需要遍历)
target.remove();
}
------解决方案--------------------

function deleteTest(){
//获取指定id的元素
var target = $('#aa');
//删除tr本身(根据id获取只会获取一个,不需要遍历)
target.remove();
}

------解决方案--------------------
$(#id).remove();
用.remove 就可以把整个你selete 的elem 洗掉了!

题外话 : id 最好不要写重复!