Question

所以我正在构建一个评论系统，这个HTML是每个评论的'回复'区域，因此它会被打印多次，就像有评论一样。我试图抓住提交按钮旁边的文本区域的值。我无法弄清楚如何做到这一点（如果他们是兄弟元素，我将能够做到这一点），所以我转向这里寻求帮助。

这是我的HTML：

 <div class="form-group">
    <label for="ticket-message" class="col-sm-1 control-label"></label>
    <div class="col-sm-11">
        <textarea class="form-control" name="post-body" id="reply_textarea" rows="5" cols="30" placeholder="Try to be as specific as possible when replying!"></textarea>
    </div>
</div>
<div class="form-group">
    <div class="col-sm-offset-1 col-sm-11">
        <button id="submit_reply_button" type="submit" value="<?php echo $post_id; ?>" class="btn btn-primary btn-block">Submit Reply</button>
    </div>
</div>

这是我的jquery，它不会产生所需的结果：

$("#submit_reply_button").click(function () {
         alert("firing");
         alert(($(this).closest('.form-group').prev("reply_textarea").val()));                                           
                                });

真诚地感谢您的帮助。非常感谢！

Answer 1

您可以使用类form-group的父div跟踪它，并指向其先前的同行：

$("#submit_reply_button").click(function () {
         alert("firing");
         alert(($(this).closest('.form-group').prev().find("#reply_textarea").val()));                                           
});

DEMO

用jquery抓取非兄弟元素

1 个答案: