Как отправить форму в фокус

Question

Вы видели фразу для комментариев в facebook? Я пытаюсь создать очень похожий блок комментариев с текстовыми полями. для этого у меня много форм на моей странице под «стенными стойками». Каждая форма имеет класс comment-form и внутри этой формы у меня есть textarea для комментариев. каждый из этих textarea имеет класс comment-textarea.

Я хочу отправить комментарий на ввод. для этого у меня есть код JavaScript

$('.comment-textarea').keypress(function(e){ 
    if(e.which == 13 && e.shiftKey){ 

    } else if(e.which == 13){ 
     e.preventDefault(); 
     $('.comment-form').trigger('submit'); 
    } 

}); 

, но так как у меня есть много форм на странице, я не знаю, как отправить форму, которая находится на фокусе.

Answer 1

Там 2 решения. Решение 1 дает каждой форме уникальный идентификатор, чтобы вы могли настроить его. Используйте комментарий-текстовое поле, чтобы найти форму, как это:

$('.comment-textarea').keypress(function(e){ 
    if(e.which == 13 && e.shiftKey){ 

    } else if(e.which == 13){ 
     e.preventDefault(); 
     $(this).closest('.comment-form').trigger('submit'); 
    } 

}); 

Найдет первый родитель с классом «комментарий-формой»

Answer 2

Вы можете использовать .closest():

$(this).closest('.comment-form').trigger('submit'); 

функция .closest() поднимается на один уровень (например, .parent()), чтобы увидеть, существует ли класс .comment-form, и если он не находит его, он повторяет процесс на другом уровне вверх и снова и снова, пока не найдет что-то (если есть что-нибудь найти вообще).