如何删除第一个<a>

Question

I am working on a 3rd party application, and I have the following markup :-

之后的所有内容

现在我想隐藏＆＃34;新项目＆＃34;之后的文字和链接。链接。主要是隐藏＆＃34; or＆＃34;文字和＆＃34; edit＆＃34;链接和＆＃34; this list＆＃34;文本...如果可能的话我怎么能用css做这个呢？ 主要是指定删除与id = "idHomePageNewItem"链接后的所有内容，其中此内容是在同一<td>内指定的？

Answer 1

如果您不想指定类名，可以通过指定id来使用查询选择器和for循环，并使用parentElement。希望这个帮助

<table>
<tr>
<td class="ms-list-addnew">
<a href="something" id="idHomePageNewItem">Something</a>
or
<a href="nothing">Nothing</a> Nothing
</td>
</tr>
</table>
<script type="text/javascript">
 var element = document.querySelectorAll("#idHomePageNewItem");
 for(var i=0; i<element.length; i++) { 
   element[i].parentElement.innerHTML = element[i].outerHTML
 }
</script>

Answer 2

你可以使用jquery。

 $(".ms-list-addnew a:not(:first)").hide();

 $(".ms-list-addnew").contents().filter(function () {
     return (this.nodeType == 3);
  }).remove();