为什么我不能正确附加具有指定 ID 的标签？这是一个逃避问题的角色吗？

Question

我是 JavaScript 和 Jquery 的新手，我有以下问题，我认为可能与某些字符转义有关。

所以我有这个简单的 JQuery 脚本：

<script>
    $( document ).ready(function() {
      //alert(exludeUserAgent());
      if(exludeUserAgent()) {
          //$( "#sezioneBenvenuto" ).remove();
          //$( "#sezioneLogo" ).remove();
          $( "#sezioneLogin" ).remove();

          $( ".container" ).append( "<section id="sezioneErrore"><p>TEST</p></section>" );
      }
    });
</script>

问题是当执行 append 语句时出现以下错误：

**SCRIPT1006: Previsto ')'**

这一行：

$( ".container" ).append( "<section id="sezioneErrore"><p>TEST</p>

如果我删除 id="sezioneErrore" 并附加一个没有 id 定义的部分标签，我没有问题。

为什么？我错过了什么？问题可能是 id="sezioneErrore" 的 " 字符？如果是，我该如何尝试逃避它？

Answer 1

字符串中断，因为您使用了导致语法错误的双引号。

要解决此错误，您可以

在单引号内使用双引号（反之亦然）
转义字符串中的引号

示例：

在外面使用单引号

$(".container").append('<section id="sezioneErrore"><p>TEST</p></section>');

或者双引号里面的单引号

$(".container").append("<section id='sezioneErrore'><p>TEST</p></section>");

如果要在双引号内使用双引号，请将其转义

$(".container").append("<section id=\"sezioneErrore\"><p>TEST</p></section>");

单引号相同

$(".container").append('<section id=\'sezioneErrore\'><p>TEST</p></section>');

为什么我不能正确附加具有指定 ID 的标签？这是一个逃避问题的角色吗？

Why I can't correctly append a tag having the id specified? Is it a character escaping problems?

html

javascript

jquery

jquery-append