為什么我不能正確附加具有指定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>

問題在於，執行附加語句時，會出現以下錯誤：

**SCRIPT1006: Previsto ')'**

在這條線上：

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

如果我刪除了id =“ sezioneErrore”並追加了沒有id定義的section標簽，那么我沒有問題。

為什么？ 我想念什么？ 問題可能是“ id =“ sezioneErrore的字符”嗎？如果是，我如何嘗試轉義它？

Answer 1

由於您使用了引起語法錯誤的雙引號，因此字符串中斷。

要解決此錯誤，您可以

1. 在單引號內使用雙引號 （反之亦然）
2. 轉義字符串中的引號

例子：

在外面使用單引號

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