javascript - 删除没有 id 或 class 的 td

Question

我有一个简单的问题，但我一辈子都无法解决...

我想从 tr 中删除整个 td(及其子项:div 类为 'sch'，以及 a 带有 id“hlp”。但是，td 本身没有 id、类或任何其他定义特征本身。

tr 的代码

<tr>
  <td nowrap="">
    <div class="sch">
      <a class="btn" href="?ae=Dialog&amp;t=AddressBook&amp;ctx=1" title="Address Book">
        <img src="http://placehold.it/35x35&text=1" alt="">Address Book</a>
    </div>
  </td>

  <td nowrap="">
    <div class="sch">
      <a class="btn" onclick="return onClkOp();" href="?ae=Options&amp;t=Messaging" title="Options">
        <img src="http://placehold.it/35x35&text=2" alt="">Options</a>
    </div>
  </td>

  <!-- ***** To be removed ***** -->
  <td nowrap="">
    <div class="sch">
      <a id="hlp" class="btn" href="#" title="Help">
        <img src="https://mail.kgs.org.uk/owa/8.3.298.1/themes/base/help.gif" alt="Help">
      </a>
    </div>
  </td>
  <!-- ********** -->

  <td nowrap="">
    <div class="sch">
      <a id="lo" class="btn" href="#" title="Log Off">
        <img class="noSrc" src="http://placehold.it/35x35&text=4" alt="">Log Off</a>
    </div>
  </td>
</tr>

我试过:
1.

$(document).ready(function() {
   $("td").has(".sch").remove(); //This removes the entire row, which I don't want
});

2.

$(document).ready(function() {
   $("td").has(".sch").has("#hlp").remove(); //This doesn't work
});

3.

$(document).ready(function() {
   $(".sch").prev("td").remove();
   $("#hlp").prev(".sch").remove();   //Doesn't work...
});

注意:我不能在我的代码中直接执行此操作的原因，也不能将 id 添加到有问题的 td 以及为什么它是一个表是因为我编辑我的网络邮件 (OWA) 并且无法物理更改代码:我正在使用浏览器扩展来添加 Javascript 和 CSS，因此为什么它必须是 JS 或 jQuery(如果有办法的话，甚至是 CSS。)

Answer 1

您可以在 has 选择器中使用 anchor 元素的 id 来仅定位所需的 td 元素:

$('td:has(div.sch a#hlp)').remove();

Working Demo