jquery append ei 中的引号导致窒息

Question

此 jQuery 语句适用于最新版本的 Firefox 和 Chrome，但在 IE 8 中会引发错误。

left_bar_string = "<tr><td><a href='#' onclick= "return newPopUpWindow('somelink','window', '1000','800','100','0','yes')">Directions</a></td></tr>";

$("#side_bar").append(left_bar_string);

我认为问题出在双引号上。有什么意见/解决方案吗？

Answer 1

这是一个很好的例子，说明了为什么在这种情况下应该使用 DOM 操作而不是innerHTML:

var tr = $("<tr>");
var td = $("<td>").appendTo(tr);
$("<a>").text("Directions").attr("href", "#")
  .attr("onclick", "return newPopUpWindow('somelink','window', '1000','800','100','0','yes')")
  .appendTo(td);
$("#side_bar").append(tr);

基本上所有内容都会为您正确转义。