javascript - JQuery 在单击时附加到所选项目

Question

简而言之，我将在页面上放置一系列具有以下结构的 div:

<div id="statuses">
   <p><?php echo $status; ?></p>
   <div id="statuscom">
      <a id="comment" href="#">Comment</a>
   </div>
</div>

当单击评论 href 时，我希望它将另一个 div 附加到已单击的 div 上，并且仅附加到该 div。

我有这个:

$(function {
    $("a#comment").click(function() {  
        $(this).append("<div id=\"statuscomadd\"</div>");
    });
});

这似乎没有做任何事情，再次，任何帮助将不胜感激!

Answer 1

1. 您的语法错误(该函数没有参数，也没有简单的 ())
2. 您的 HTML 错误(div 未关闭)
3. 如果您想在页面加载时创建点击处理程序，请使用 $(document).ready(...) 或 $(function () {...})
4. 您要在 A 标记旁边附加一个空 DIV，这就是您想要的吗？
5. 正如另一位用户所说，当您可以点击并添加多个 div 时，为什么要使用 id (statuscomadd)？最好使用一个类。或者，如果您只需添加一个 div，请使用 .one() 处理程序。

尝试:

$(function () {
    $("a#comment").click(function() {  
        $(this).append("<div class=\"statuscomadd\"></div>");
    });
});