javascript - 如何在按钮单击时聚焦下一个文本区域

Question

我正在尝试做一些类似社交网络的事情，但是我在使用jquery时遇到了问题，我想通过单击评论按钮，将用户带到评论字段，但我无法使用$(这个)。

当用户点击此处

代码:

 <button type="button" class="btn btn-default abreComentarios" >
   <span  class="fa fa-comments-o"></span>
 </button>

领域:

代码:

<div class="comentar">
    <textarea class="txtComentario form-control caixaComentario" placeholder="Seu comentário" onkeypress="comentarEnter()"></textarea>
</div>

我的jquery:

$('body').on('click', '.abreComentarios', function() {
      //console.log('entrou');
    $(this).next('.caixaComentario').focus();
 });

记住，我使用的是 foreach，所以我必须使用 $(this)

Answer 1

您的 next() 不是 .caixaComentario 而是 .comentar，

因此，请使用 next() 但随后您必须使用 find() (或 children())来聚焦文本区域

$('.abreComentarios').on('click', function() {
  //console.log('entrou');
  $(this).next('.comentar').find('.caixaComentario').focus();
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="btn btn-default abreComentarios">click</button>

<div class="comentar">
  <textarea class="txtComentario form-control caixaComentario" placeholder="Seu comentário"></textarea>
</div>