jQuery before（）HTMLではなく文字列として出力する

Question

いくつかの単純なjQueryを使用してGravity Formsの入力の前にHTMLを挿入しようとしています。ここで

var formInputs = jQuery("form li input") 

formInputs.each(function(index) { 
    this.before('<h1>Hello, world!</h1>'); 
}); 

それは重力フォームとの競合のいくつかのフォームがあり、各入力

に次のようになります。ここでは

は私のコードですか？

EDIT：私は

this.before(jQuery('<h1>Hello, world!</h1>'));

で

this.before('<h1>Hello, world!</h1>'); 

を交換しようとしたし、代わりに私はjQueryオブジェクトを取得

Answer 1

これを試しましたか？ jQuery.each()メソッド内

jQuery('<h1>Hello World!</h1>').insertBefore(this); 

https://jsfiddle.net/r181ohtj/

Answer 2

thisはJavaScriptを指し、その要素のjQueryオブジェクトをオブジェクトではありませんので、あなたがその要素上の任意のjQueryのメソッドを使用したい場合は、jQueryを使ってそれをラップしました。

var formInputs = jQuery("form li input") 

formInputs.each(function(index) { 
    jQuery(this).before(document.createTextNode('<h1>Hello, world!</h1>')); 
}); 

そして、あなたはプレーンテキストとしてhtmlと出力をエスケープしたい場合は、その後document.createTextNode方法はあなたを助けることができます。コードを以下のように更新してください。

var formInputs = jQuery("form li input") 

formInputs.each(function(index) { 
    jQuery(this).before(document.createTextNode('<h1>Hello, world!</h1>')); 
});