JQuery удалить добавленный div без id

Question

У меня есть проверка формы jquery Я добавляю элемент div перед элементом ввода, если значение входного элемента пуст. Я хочу удалить вставленный div, если после этого пользователь выдает значение входному элементу. Я хочу достичь этого, не добавляя id в div.

if($("#psalutation").val()==''){ 
     $("#psalutation").before('<div><center><font color="#C40404"><b>Please enter your last name below.</b></font></center></div>'); 
     $("#psalutation").focus(); 
     return false; 
    } 

thi html;

<div class="col-sm-7" style="padding-left:0px;"> 
    <label for="name" class="col-sm-12 no-padding control-label">Your first name*</label> 
    <div class="col-sm-12 no-padding"> 
     <input type="text" name="pfirstname" class="form-control" id="pfirstname" placeholder=""> 
    </div> 
    </div> 

Заранее спасибо

Answer 1

Используйте prev() или next() целевой предыдущий элемент или следующий элемент в отношении текущего селектора:

$("#psalutation").prev("div:first").remove(); 

или

$("#psalutation").next("div:first").remove(); 

Приведи: https://api.jquery.com/prev/ и https://api.jquery.com/next/

Демо: http://jsfiddle.net/lotusgodkk/GCu2D/1073/

Нажмите на кнопку, чтобы удалить DIV.

Answer 2

Вы можете удалить все подразделения проверки при первом запуске функции проверки до вставки любой ошибки, кроме того, вам не нужен весь беспорядок ... Вы можете использовать jQuery validation plugin, отличный плагин для проверки формы и легкость настраиваемый.

$('input, select').prev('div').remove(); 

if($("#psalutation").val()==''){ 
     $("#psalutation").before('<div><center><font color="#C40404"><b>Please enter your last name below.</b></font></center></div>'); 
     $("#psalutation").focus(); 
     return false; 
    } 

if($("#pfirstname").val()==''){ 
     $("#pfirstname").before('<div><center><font color="#C40404"><b>Please enter your last name below.</b></font></center></div>'); 
     $("#pfirstname").focus(); 
     return false; 
    }