选择div以便删除不起作用

Question

我有一个div，我想通过jquery删除，但它不起作用。

JQUERY：

$("#answerCommentContainer").on("click", ".editComment", function(e){
    //other things
    removecomment = $(this).siblings('.singleComment'); //.singleComment is what should be removed
    removecomment.remove();
});

我之所以选择siblings()是因为从上到下.singleComment先读取其他内容然后.editcomment

HTML：

<div id='answerCommentContainer'>
<div class='singleComment'><a href = '/profile.php?p=11'>Jim</a></b> $comment[$a]<input    type='hidden' value='333' name='hiddenComment' class='hiddenComment'/>

 <a href='#' style='color: orange;' class='editComment'><b>Edit</b></a>

<div class='commentBar'>$difference $periods[$j] ago</div></div>

Answer 1

假设我理解你的问题，请这样做。

  

user802370评论我需要稍后使用removecomment，以便将其保存为全局变量

查看示例和jsFiddle

示例

<强> HTML

<div id="answerCommentContainer">
    Container
    <div class="singleComment">
       <div class="editComment">Edit comment 1</div>
    </div>
    <div class="singleComment">
       <div class="editComment">Edit comment 2</div>
    </div>
    <div class="singleComment">
       <div class="editComment">Edit comment 3</div>
    </div>
</div>

<强>的jQuery

$(".editComment").click(function(e){
  //other things
  var singleComment = $(this).parent()
  singleComment.remove();
});

更新：jsFiddle并更新样本

Answer 2

如果您的HTML实际上是您拥有的HTML，那么您的代码无效的原因是因为.editcomment和.singlecomment不是兄弟姐妹。 .singlecomment是.editcomment

的父级

你也缺少一个结束div标签。