Javascript 关注按钮后面的下一个表单元素

我如何关注点击按钮后的下一个文本区域

从当前元素开始，在DOM中搜索与选择器匹配的第一个元素。您想要的div不是链接的祖先，而是兄弟

这应该做到：

$(this).next().find('textarea').filter(':visible').first().focus();

出于性能原因，使用

.filter（':visible'）

和

.first（）

而不是将其包含在选择器中。它避免了进行额外的查询，因为它只是从最初的单个查询中缩减现有的结果集

---

.

尝试查找下一个

div

，并将注意力集中在第一个可用的

文本区域。另外，请确保使用
preventDefault（）
覆盖锚定标记的默认行为：


$('.add').click(function(){
    $(this).next('div').find('textarea:visible:first').focus();
});

$(this).next().find('textarea').filter(':visible').first().focus();

$('.add').click(function(event){
  event.preventDefault();
  $(this).next('div').find('textarea:visible').first().focus();
});