在 Laravel 5.4 中将输入值发送到 ajax答案

【问题标题】：Send input value to ajax in Laravel 5.4在 Laravel 5.4 中将输入值发送到 ajax
【发布时间】：2018-07-31 06:09:01
【问题描述】：

我有一个 cmets 列表现在我想给大家发送回复，我在输入表单中使用了这个代码：

 @foreach($comments as $comment)
        <div class="questions" dir="rtl">
            {{$comment->description}}
            <div class="row">
                <div class="col-sm-2">
                    <input type="hidden" value="{{$comment->id}}" 
                     class="comment_id">
                    <button type="submit" style="float:right" 
                    class="send_answer"> send </button>
                    {{csrf_field()}}
                </div>
                <div class="col-sm-10">
                  <input class="answer" type="text" />
                </div>
            </div>
        </div>
  @endforeach

现在我在 ajax 中使用此代码但我在控制台中给出未定义的错误：

   $(document).on('click', '.send_answer', function (event) {
            var comment_id = $(this).find('.comment_id').val();
            var answer = $(this).find('.answer').val();
            console.log(comment_id);
            console.log(answer);

        });

我如何提供 Comment_id 并发送到 ajax？

【问题讨论】：

标签： jquery ajax blade

【解决方案1】：

使用parent() 或prev() 在jquery 中获取comment_id

$(document).on('click', '.send_answer', function (event) {
        var comment_id = $(this).parent().find('.comment_id').val();
        var answer = $(this).closest('.questions').find('.answer').val();
        console.log(comment_id);
        console.log(answer);
});

【讨论】：

此代码适用于 comment_id 但答案为空或未定义

【解决方案2】：

您可以使用closest(),parent() 和独立元素id 和class：

$(document).on('click', '.send_answer', function (event) {
    var comment_id = $(this).closest('.questions').find('.comment_id').val();
    var answer = $(this).closest('.questions').find('.answer').val();
        console.log(comment_id);
        console.log(answer);
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="questions" dir="rtl">
            <div class="row">
                <div class="col-sm-2">
                    <input type="text" value="121" 
                     class="comment_id">
                    <button type="submit" style="float:right" 
                    class="send_answer"> send </button>
                </div>
                <div class="col-sm-10">
                  <input class="answer" type="text" value='answer' />
                </div>
            </div>
        </div>

【讨论】：