Question

我有以下代码：

<%-- other tags --%>
<table>
  <tr width="100%">
    <td width="130" />
    <td id="BottomCell" width="100%" />
  </tr>
  <tr>
    <td/>
    <td/>
  </tr>
</table>
<%-- other tags --%>

页面上可能有多个表格。我希望在加载页面时删除（或隐藏）“BottomCell”之前的td。我怎么能用javascript或css做到这一点？

感谢。

BTW，我正在开发一个将放在页面上的Sharepoint WebPart。在该页面上，我无法直接控制。但只要它显示在页面上，WebPart就应该删除它。

Answer 1

在jQuery中：

$('#BottomCell').prev().detach();

Answer 2

哇，使用框架后回到基础是很难的。

var element = document.getElementById('BottomCell').previousSibling;
var parent = element.parentNode;
parent.removeChild(element);

Answer 3

tr > td应该可以解决问题。

儿童和兄弟姐妹选择者

http://css-tricks.com/child-and-sibling-selectors/

Answer 4

@diodeus如果只有2个数据单元是可以接受的，但是如果你想删除第一个数据单元而不管该行中有多少个单元格，你可以做类似的事情

var el = document.getElementById('BottomCell');
el.removeChild(el.parentNode.firstChild);

Answer 5

好吧，假设你只有一个表，那么你可以做这样的事情（在javascript中）：

var firstCell = document.getElementsByTagName('tr')[0].getElementsByTagName('td')[0];
firstCell.parentNode.removeChild(firstCell);

它将获得整个DOM树中第一行的第一个单元格，并删除该单元格。

Answer 6

在jQuery中，我会找到父级并使用:first选择器

如何删除没有id的元素

6 个答案: