<i 类 = "fa fa-trash" > 不起作用<span></span>

Question

我在参数列表之后正在通过未捕获的语法错误：丢失(的解决方案，并尝试了所有其他方法对其进行排序，但我仍然收到此错误与此代码

$("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">事情都运行良好。

Answer 1

将附加行更改为此行。

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

变化：

1. fa fa-trash在单引号中，因为您在外面使用双引号。
2. 关闭i标记

建议：

1. 而不是在 <span> 中使用 <i>，而是在 span 上应用类或完全删除 span 并保留 i 标签。

2. 像这样使用jQuery元素创建方法。

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

Answer 2

使用此代码

   $("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("");
     }
    });

Answer 3

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

$("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"改成>"fa fa-trash"，问题就解决了。

Answer 4

双引号内不能有双引号，简单的例子：

打开主机：

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

附加 ：：- 如果你写长连接，你可能想把它分成额外的链接