如何删除<span></span>，然后用jQuery添加另一个<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>');