javascript - jQuery - 删除 和 的更好解决方案

Question

我有这个 HTML 源代码:

<dl class="plain inlineDataList userStats">
    <dt><a href="someUrl">Test1</a></dt>
    <dd>2.710</dd>

    <dt><a href="anotherUrl">Test2</a></dt>
    <dd>408</dd>

    <dt>Test3</dt>
    <dd>2.693</dd>
</dl>

现在我正试图删除最后两个。最后应该是这样的:

<dl class="plain inlineDataList userStats">
    <dt><a href="someUrl">Test1</a></dt>
    <dd>2.710</dd>

    <dt><a href="anotherUrl">Test2</a></dt>
    <dd>408</dd>
</dl>

最后的 dt 和 dd 应该被删除/删除。我目前的想法是:

$('dl.plain.userStats > dd:last-child').remove();
$('dl.plain.userStats > dt:last-child').remove();

这行得通，但我认为有更好的解决方案，而且我认为我对 last-child 的理解是错误的，因为它实际上删除了最后一个元素，它是什么并不重要。

当我执行 $('dl.plain.userStats > bla:last-child').remove(); 时，它也有效。您是否有更好的解决方案来做到这一点，或者甚至还可以？

谢谢

Answer 1

I think I am understanding last-child wrong as it actually removes the last element, it doesn't matter what it is.

没有。

$('dl.plain.userStats > dd:last-child') 将删除 仅 last dd 即 也是 dl.plain.userStats 的最后一个子。

$('dl.plain.userStats > bla:last-child').remove(); it also works.

没有。

$('dl.plain.userStats > bla:last-child').remove();

不会删除最后一个dt，除非你的bla是dt

考虑这个例子:http://jsbin.com/huqeketiya/1/edit

  <a>
  <div>1</div>
   <div>2</div>
   <div>3</div>
   <div>4</div>
   <span>5</span>
  </a>

这段代码:

 $("div:last-child" ).css('background-color','red')

不会画任何东西!

正如我所说:它寻找一个div，它是也是最后一个 child ，所以这里没有结果