добавить div динамически после двух divs элемента

Question

У меня есть элемент текстового поля. Я делаю валидацию для этого поля и должен динамически добавлять сообщение об ошибке в это поле. Функция

<div class="abc xyz"> 
    <input class="class1" type="text" id="test1" name="test1" value="test" title="Invalid input"/> 
    <div class="aux-content"><p>Aux content1</p></div> 
    <div class="aux-content"><p>Aux content2.</p></div>      
</div> 

JS

function validate(){ 
    var returnVal = true; 
    var input = $('#test1'); 
    input.next('div.error').remove(); 
    input.removeClass('wrong'); 
    input.removeClass('correct'); 
    if(input.val() == 0) 
    {  
     input.addClass('wrong'); 
     var title = input.attr('title'); 
     input.after('<ul class="error"><li>'+title+'</li></ul>'); 
     return false; 
    } 
    else{ 
     returnVal = true; 
    } 
    return returnVal; 
} 

('#subBtn').click(function(){ 
var retVal = validate(); 
}); 

$('#test1').blur(validate); 

В Validate (0 функция мне нужно проверить, если значение равно нулю. Если это так, мне нужно, чтобы отобразить сообщение об ошибке ниже DIV Aux Content2. Обучается свою отображающее ошибку только после того, как текстового поля. Но я хочу после Окса Content2. Как я могу это сделать?

Спасибо

Answer 1

Здравствуйте, я бы это помогло;

if(input.val() == 0) 
    {  
     input.addClass('wrong'); 
     var title = input.attr('title'); 
     var _error_ul = $('<ul class="error"><li>'+title+'</li></ul>') 
         .insertAfter(input.nextAll(".aux-content:last")); 
    } 

Answer 2

попробовать что-то вроде этого

  if(input.val() == 0) 
      {  
       input.addClass('wrong'); 
       var parent = input.parent(); 
       var error_div = parent.find('.aux-content').eq(2); 
       var title = input.attr('title'); 
       error_div.html('<ul class="error"><li>'+title+'</li></ul>'); 
       return false; 
      }