как найти следующий промежуток с классом, не вложенным в jquery

Question

У меня есть следующий код:

                    <div class="panel-heading">
                      {{$comment->user->name}} said <small class="text-primary">{{$comment->updated_at->diffForHumans()}}</small>
                      @if($comment->user_id == Auth::user()->id || Auth::user()->id == 2)
                      <a id="{{ $comment->id }}" class="pull-right comment_edit"><span class="glyphicon glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                      <a id="{{ $comment->id }}" style="margin-right: 10px;" class="pull-right comment_delete"><span class="glyphicon glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                      @endif
                    </div>
                    <div class="panel-body">
                      <span class="comment_textarea">{{$comment->comment}}</span>
                    </div>
                  </div>

Когда нажата кнопка редактирования, я хотел бы получить текст в диапазоне с классом "comment_textarea".

Я пытался с jquery использовать:

$(document).on('click', '.comment_edit', function () {
 comment_comment = $(this).closest("comment_textarea").text();
 console.log(comment_comment);
});

Но это ничего мне не возвращает. Я пробовал также со следующим, но это то же самое.

Полагаю, это потому, что он находится в другом элементе div, а не там, где находится кнопка, так как я могу получить значение из следующего диапазона с этим классом, когда он не вложен?

Answer 1

Попробуйте следующее с функцией поиска. Дайте мне знать, помогло ли это вам или нет

$(document).on('click', '.comment_edit', function () {
 comment_comment = $(this).parent().next().find(".comment_textarea").text();
 console.log(comment_comment);
});