jquery - 別の前に div を作成する

Question

JQuery Validation Engine からのスクリプトがあります。プロンプト 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

beforeメソッドの後にクラスを適用します。その場合、クラスは要素に適用されません。やってみました ：

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');