如何删除<span> </span>，然后使用jQuery添加另一个<span>？</span>

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>');