使用 onclick 事件向页面添加动态 HTML 内容答案

【问题标题】：Add dynamic HTML content to page with onclick event使用 onclick 事件向页面添加动态 HTML 内容
【发布时间】：2013-06-02 19:52:54
【问题描述】：

一个数据库给了我几个要添加到 DOM 的 div。

这些<divs> 具有数据库已经生成的类和onclick 事件。

我尝试单独使用 jQuery 和 javascript。我遇到的问题是引号冲突。在声明 var 时——或者如果我做 .html('dynamicinfo') 或 innerhtml('dynamicinfo')——我在开始和结束时已经使用了 ' 字符，所以当 onclick 语法也使用 ' 字符时......事情停止工作......

关于如何完成这项工作的任何想法？

jQuery 看起来像这样。（请注意，生产使用中的 info 变量包含许多 div，每个 div 都有不同的链接）

         $(document).ready(function() {
            var info = $('<div class="mainFixedButton mr2 mc3 mainDynamicButtons" onclick="window.location='http://www.google.com'">From $399.99</div>');
            $("#number_pad").remove();
            $("#mainDynamicButtonContainer").html(info);
         });

<body>

    <div id="main_buttons">
        <div class="mainButtonContainer">
            <div id="mainDynamicButtonContainer"></div>
        </div>
    </div>

</body>

【问题讨论】：

标签： javascript jquery html onclick dynamic-content

【解决方案1】：

转义引号：

var info = $('<div ... onclick="window.location=\'http://www.google.com\'">From $399.99</div>');

【讨论】：