jQuery - Добавить и удалить код HTML

Question

В jQuery, как я могу добавить строку HTML в некоторый HTML, а также удалить строку HTML?

Вот до того код:

<div class="form-group"> 
    <label class="control-label col-md-2" for="txtCvc">Cvc</label> 
    <div class="col-md-10"> 
     <input class="form-control text-box single-line" id="txtCvc" name="Cvc" type="text" value="" /> 
    </div> 
</div> 

Вот после того, как код:

<div class="form-group"> 
    <label class="control-label col-md-2" for="txtCvc">Cvc</label> 
    <div class="col-md-10"> 
     <input class="form-control text-box single-line" id="txtCvc" name="Cvc" type="text" value="" /> 
     <span class="field-validation-error" data-valmsg-for="txtCvc" data-valmsg-replace="true">Test message.</span> 
    </div> 
</div> 

Я нуждаясь, чтобы добавить эту строку кода:

<span class="field-validation-error" data-valmsg-for="txtCvc" data-valmsg-replace="true">Test message.</span> 

Кроме того, задний ход. Как удалить эту строку кода?

Вот до того код:

<div class="form-group"> 
    <label class="control-label col-md-2" for="txtCvc">Cvc</label> 
    <div class="col-md-10"> 
     <input class="form-control text-box single-line" id="txtCvc" name="Cvc" type="text" value="" /> 
     <span class="field-validation-error" data-valmsg-for="txtCvc" data-valmsg-replace="true">Test message.</span> 
    </div> 
</div> 

Вот после того, как код:

<div class="form-group"> 
    <label class="control-label col-md-2" for="txtCvc">Cvc</label> 
    <div class="col-md-10"> 
     <input class="form-control text-box single-line" id="txtCvc" name="Cvc" type="text" value="" /> 
    </div> 
</div> 

К сожалению, я забыл упомянуть, что я новичок, когда речь идет о JQuery. Я смотрю на функции добавления и удаления прямо сейчас. Спасибо заранее.

Answer 1

Просто используйте .append() и .remove() методы.

Answer 2

Было бы более целесообразно, если вы используете шоу() и скрыть() сообщение об ошибке, как

$('.field-validation-error').show(); 

для показа сообщения и

$('.field-validation-error').hide(); 

для сокрытия его, используйте, если еще для проверки вашего состояния.

Answer 3

При условии, что вы знаете, элемент ввода поля, которые вы хотите, чтобы сообщения проверки/скрыть информацию, вы можете использовать after метод, чтобы добавить сообщение:

$field.after('<span class="field-validation-error" data-valmsg-for="txtCvc" data-valmsg-replace="true">Test message.</span>'); 

и remove, чтобы удалить его:

$field.next('.field-validation-error').remove(); 

Таким образом, $field может быть примерно таким:

var $field = $('#txtCvc');