jQuery before()输出为字符串而不是HTML

1 人关注

我试图用一些简单的jQuery在Gravity Forms的输入前注入一些HTML。

以下是我的代码。

var formInputs = jQuery( "form li input" )
formInputs.each(function( index ) {
  this.before('<h1>Hello, world!</h1>');
下面是它在每个输入上的样子
是否与Gravity Forms有某种形式的冲突？
编辑：我试着替换了 
this.before('<h1>Hello, world!</h1>');
this.before(jQuery('<h1>Hello, world!</h1>'));
而我得到的是jQuery对象


           
            
             
              
               Cameron Hurd
              
              ：


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


            
             
              
               
                @CameronHurd 谢谢你的建议，请看编辑。


         
          
           
            gravity-forms-plugin


          
           
            
             
              
              
               Khorshed Alam
              
             
             
              发布于
              
              2016-11-03


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

推荐文章

还单身的白开水 · JQUERY 查询JSON是否包含某个键_mob649e815ecee0的技术博客_51CTO博客

1 周前

谈吐大方的拐杖 · Jquery（20）JQgrid处理json数据 - springsnow - 博客园

1 周前

强悍的核桃 · aspx（ashx）使用 JQuery DataTables 查询_jquery datatable ashx-CSDN博客

1 周前

阳刚的板凳 · JavaEE 使用 JQuery 完成 ajax & json 数据的传输-腾讯云开发者社区-腾讯云

1 周前

害羞的芹菜 · jquery 屏蔽checkbox change事件_mob649e8163af7d的技术博客_51CTO博客

4 天前

善良的鸵鸟 · C#压缩解压zip 文件 - 大气象 - 博客园

8 月前

挂过科的太阳 · JAVA 字符串& 获取key value_mob64ca12ecf3b4的技术博客_51CTO博客

1 年前

神勇威武的四季豆 · [错误] TypeError: sequence item 0: expected str inst - 知乎

1 年前

爱吹牛的刺猬 · /WX（将链接器警告视为错误） | Microsoft Learn

1 年前

任性的马克杯 · VTK三维重建面绘制算法之MC表面重建（一） - 简书

1 年前