Создайте div перед другим

Question

У меня есть сценарий из механизма проверки JQuery. Я хочу установить подсказку div перед другим div.

if($('#'+methods._getClassName(field.attr("id"))+'_msddHolder').length){ 
var prompt = $('<div>'); 
$('#'+methods._getClassName(field.attr("id"))+'_msddHolder').before(prompt); 
prompt.addClass(methods._getClassName(field.attr("id")) + "formError"); 
// add a class name to identify the parent form of the prompt 
prompt.addClass("parentForm"+methods._getClassName(field.closest('form, .validationEngineContainer').attr("id"))); 
prompt.addClass("formError"); 

Если я делаю это так, что не будет работать, если я вручную установить это:

$('#'+methods._getClassName(field.attr("id"))+'_msddHolder').before('<div>TEST</div>'); 

Затем он работает. Зачем?

Answer 1

Вы применяете класс после своего метода до. Класс не будет применяться к вашему элементу. Вы пробовали:

var prompt = $('<div><h4>I am a test</h4></div>'); 
$('#'+methods._getClassName(field.attr("id"))+'_msddHolder').before(prompt); 

Просто, чтобы узнать, есть ли у вас элемент, в котором вы работаете?

Answer 2

запрос не является указателем на элемент DOM, который вы добавили с помощью функции before(), это просто переменная, содержащая пустой div, вам необходимо применить ее класс перед добавлением его в документ.

var prompt = $('<div>'); 
prompt.addClass("formError"); 
$('#'+methods._getClassName(field.attr("id"))+'_msddHolder').before(prompt); 

Answer 3

Попробуйте это:

var prompt = $('<div>').text('test');