“非法人物”在jquery中appendTo()

Question

这是我的jqueryappendTo()代码：

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

在firebug中，它提醒我一个错误，即“onmousedown”位置的“参数列表后缺少)”，有时它提醒我“非法字符”错误。但我不认为我错过了任何 ”）” 。

那么什么不应该出现在appendTo()中或者我应该在appendTo()中注意到什么。为什么会发生上面的错误，我该如何解决这个问题？

谢谢

Answer 1

选择器本质上是一个字符串，因此您将用单引号分隔字符串。你需要逃离他们。

$('

document< /a>

').appendTo('.wapper');

Answer 2

如果您查看自己的 Stack Overflow 问题上的语法突出显示，我想您可以看到出了什么问题。注意字符串的结束位置。

修复方法如下：

$('<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("searchType_banner").value="p";">document</a></li>').appendTo('.wapper');

社论：呃！您不应该仅将锚元素用于 JavaScript。如果您愿意，可以使用 并将其样式设置为链接。我是这样写的：

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

Answer 3

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