jquery - 在另一个之前创建一个 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

prompt 不是指向您使用 before() 附加的 DOM 元素的指针，它只是一个包含空 div 的变量，您需要在将其附加到文档之前应用它的类。

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

Answer 3

试试这个：

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