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