<i class =“fa fa-trash”>无效<span> </span>

时间:2018-01-12 04:57:57

标签: javascript jquery html css

我在参数列表之后经历了Uncaught SyntaxError:missing的解决方案,并尝试了其他方法对其进行排序,但我仍然在使用此代码时出现此错误

$("input").on("keypress",function(event){

if(event.which === 13)
{
    var ToDotext=($(this).val());   

$("ul").append("<li><span><i class="fa fa-trash"></span> "  +  ToDotext  + "</li>");
$(this).val("");
}

} );

每当我将<i class="fa fa-trash"放入<span></span>时,我收到此错误,没有<i class="fa fa-trash">事情正常。

4 个答案:

答案 0 :(得分:2)

将附加行更改为此。

$("ul").append("<li><span><i class='fa fa-trash'></i></span> "  +  ToDotext  + "</li>");

的变化:

  1. fa fa-trash是单引号,因为您在外面使用双引号。
  2. 关闭i代码
  3. 建议:

    1. 不要在<i>内使用<span>,而是在span上应用该类或完全删除span并保留i标记。
    2. 使用jQuery元素创建方法。像这样。

      $('ul li ').html($('<i>', {class: 'fa fa-trash'}));

答案 1 :(得分:1)

使用此代码

   $("input").on("keypress",function(event){
    if(event.which === 13)
       {
           var ToDotext=($(this).val());   

        $("ul").append("<li><span><i class='fa fa-trash'></i></span>"+ ToDotext  + "</li>");

         $(this).val("");
     }
    });

答案 2 :(得分:1)

我在你的脚本中发现了错误。

$("ul").append("<li><span><i class="fa fa-trash"></span>"+ToDotext+"</li>");

如果添加组件,使用此代码,实际组件将按如下方式添加。

<li><span><i class=fa fa-trash></span>ToDoText</li>

如上所述,<i>标记的类名必须用“或”引用,但它不是那样的。 这是因为您使用相同的引号添加组件。 如果您更改“fa fa-trash” - &gt; 'fa fa-trash',问题将得到解决。

答案 3 :(得分:0)

双引号内不能有双引号,简单示例:

打开你的控制台:

var newElem = "<h1 class="rock">Hello There !!</h1>";
newElem // Uncaught SyntaxError: Unexpected identifier

您必须将class和其他html attributes括在一个引号中,如下所示:

var newElem = "<h1 class='rock'>Hello There !!</h1>";  

以下行:

$("ul").append("<li><span><i class='fa fa-trash'></span> "  +  ToDotext  + "</li>");

必须改为:

$("ul").append("<li><span><i class="fa fa-trash"></span> "  +  ToDotext  + "</li>");

附加:: - 如果您编写长串联,则可能需要 SPLIT IT UP INTO ADDITIONAL LINK