jQuery之前（）輸出爲字符串而不是HTML

Question

我想在使用一些簡單的jQuery的重力形式輸入之前注入一些HTML。

這裏是我的代碼：

var formInputs = jQuery("form li input") 

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

這裏是什麼樣子的每個輸入

是否有某種形式與重力形式的衝突？

編輯：我試着用

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

更換

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

，而是我得到jQuery對象

Answer 1

你試過這個嗎？

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

https://jsfiddle.net/r181ohtj/

Answer 2

this一個jQuery.each()方法內指的是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>')); 
});