jquery - 我怎样才能删除一个然后用jQuery添加另一个？

Question

我正在使用以下代码更改边框颜色：

$("#input_" + type + "_" + row).css("border-color", "black")

如何首先删除<span></span>直接跟随我的输入的任何（如果存在），然后添加以下内容：

<span class="check-ok"></span>

请注意，即使在最初输入之后没有跨度，我也需要它来工作。

Answer 1

只需使用.next ^[docs]：

$("#input_" + type + "_" + row)
  .next('span').remove().end()
  .after('<span class="check-ok"></span>');

如果没有span，.next则不会选择任何元素，.remove()也不会做任何事情。

如果有多个连续span元素并且您想删除所有元素，则可以使用.nextUntil ^[docs]：

$("#input_" + type + "_" + row)
  .nextUntil(':not(span)').remove().end()
  .after('<span class="check-ok"></span>');