jquery - jqueryの「不正な文字」appendTo（）

Question

これが私のjqueryappendTo（）コードです：</ p>

$('<li><a href="javascript:void (0)" onmousedown="document.getElementById('searchType_banner').value='p';">document</a></li>').appendTo('.wapper');

ファイアバグでは、「onmousedown」の位置にある「引数リストの後に）がない」というエラーが表示され、「不正な文字」エラーが表示されることもあります。ただし、「）」がないことはないと思います。

では、appendTo（）に表示されるべきではないもの、またはappendTo（）で気付くべきものは何ですか。上記のエラーが発生した理由、この問題を解決するにはどうすればよいですか？

ありがとうございました

Answer 1

独自のStackOverflowの質問で構文の強調表示を見ると、何が問題になっているのかがわかると思います。文字列がどこで終わるかに注意してください。

修正方法は次のとおりです。

$('<li><a href="javascript:void (0)" onmousedown="document.getElementById(\'searchType_banner\').value=\'p\';">document</a></li>').appendTo('.wapper');

代替修正：

$('<li><a href="javascript:void (0)" onmousedown="document.getElementById(&quot;searchType_banner&quot;).value=&quot;p&quot;;">document</a></li>').appendTo('.wapper');

社説：うーん！JavaScriptのためだけにアンカー要素を使用するべきではありません。必要に応じて、を使用し<button>てリンクのようにスタイルを設定します。これが私がそれを書く方法です：

$('<button>document</button>').mousedown(function(){
  $('#searchType_banner').val('p');
}).appendTo('.wapper');

Answer 2

セレクターは基本的に文字列であるため、一重引用符で文字列を分割しています。あなたはそれらを脱出する必要があります。

$('<li><a href="javascript:void (0)" onmousedown="document.getElementById(\'searchType_banner\').value=\"p\";">document</a></li>').appendTo('.wapper');

Answer 3

$('<a></a>').html('document').mousedown(function(){}).wrap('<li></li>').appendTo('.wapper');