Question

I have a div that i would like to remove via jquery, but it’s not working.

JQUERY:

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

I chose siblings() because reading from top to bottom .singleComment is first then other stuff then .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

Assuming i understand your question, do this.

user802370 comment i need to use removecomment later on so id like to keep it as a global variable

Check out the sample and this jsFiddle

Sample

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();
});

Update: jsFiddle and sample is updated