javascript - 通过javascript添加内容

Question

我正在尝试创建一个页面，当您单击三个图像中的任何一个时。它将内容插入到图像链接上方的空 div 中。

这是我的 JavaScript 代码:

<script type="text/javascript" src="js/jquery-1.8.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('img').click (function() { 
        $('.deal_content').append(<img src="deal_content.fw.png" width="587" height="299" alt="Your Deals!" />);
        return false;
    });
});
</script>

这是要生效的 HTML:

<div class="deal_content">

</div>
<div id="imagelink"> 
    <a href="#">
        <img src="for_men_btn.fw.png" width="200" height="87" alt="For Men" />
    </a>
    <a href="#">
        <img src="for_couples_btn.fw.png" width="200" height="87" alt="For Couples" />                     
    </a>    
    <a href="#">
        <img src="for_teens_btn.fw.png" width="200" height="87" alt="For Teens" />
    </a>
</div>

我希望将新图像放入 deal_content 类 div 中。

Answer 1

在您的追加方法中，如果您在 HTML 中添加双引号并将当前引号替换为单引号，则它应该可以工作。 Append 采用字符串或 JQuery 选择器，而不是标记。