Question

我知道问题很简单，但我无法弄清楚。我有以下HTML;

<div class="prev_comments">                     
    <div class="commentRow">
        <div class="box1"></div>
        <h2>
            <span> ..some text..  </span> ..some text again..
        </h2>                     
    </div>                  
</div>
<div class="new_comment">
    <input class="writecomment" type="text" placeholder="Write a comment">
</div>

我在jquery中有一个.writecomment事件。所以，在我的jquery中，$(this)代表writecomment字段。

我需要添加一个新的<div class="commentRow"> ... </div>。在我的jquery中，我有以下代码;

$(this).closest('.new_comment').prev('.prev_comments').append($comment_element).hide().fadeIn('slow');

根本不起作用。 $comment_element只是<div class="commentRow"> ... </div>

附加的必要html

任何想法为什么它不起作用？任何解决方案？

根据评论，这里是jsFiddle的链接;

http://jsfiddle.net/aacanakin/fv3hN/

Answer 1

$(this).parents("#prev_comments").find("#commentRow").append($comment_element);

如果您的comment_element是HTML元素，那么您可以使用jquery的.tmpl()。

Answer 2

这是一个快速fiddle。

这是你想要完成的吗？我现在将你的添加评论代码绑定到文本框的模糊处。

编辑：

这个小提琴是我更新过的，但是是由海报创作的。

http://jsfiddle.net/PNJrc/1/

jquery从输入字段中选择前一个div

2 个答案: