Question

I have this sentence:

$("<%= escape_javascript(render(:partial => 'create_index'))%>").hide().prependTo(".comments_column").fadeIn(1500);

My html:

<div class="comments_column">
<div class="comment">coment 1</div>
<div class="comment">coment 2</div>
<div class="comment">coment 3</div>
<div class="comment">coment 4</div>
<div class="comment">coment 5</div>
.
.
.
<div class="comment_box">

<form method="post" action="the_action">
<textarea></textarea>
<input type="submit" value="Comment" class="input_comment">
</form>

</div>

</div>

<div class="comments_column"></div>
<div class="comments_column"></div>
<div class="comments_column"></div>
<div class="comments_column"></div>
<div class="comments_column"></div>
.
.
.

I want add $(this).find or this for that this sentence, only hit this .comments_column class, because I have a lot .comments_column in a same document.

How working this?

Edited. Add Html.

Answer 1

Instead of:

$(".comments-column")

select the closest matching parent:

$(this).parents(".comments-column").eq(0)

---

(edit) After seeing your jsFiddle, this is what you need to change.