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