javascript - 与子元素映射时如何检查元素是父元素的第一个子元素？

Question

我textarea在特定容器中映射所有内容。我需要检查每个 textarea 是 parent( $('.services')) 的第一个元素。如果没有，则为其添加一个类。

页面中有几个.services类，并在页面加载后添加。只需要为每个.services班级显示第一个 textarea 孩子。每个.services类都有许多文本区域。

$('textarea').map(function (i) {
      /* if not first textarea of parent element $('.services') */
      $(this).addClass('hide');
});

这个怎么做？

Answer 1

$('.services > textarea').filter(function() {
    return $(this).index() !== 0;
}).addClass('hide');

Answer 2

试试.each()喜欢

$('.services textarea').each(function(){
    var indx = $(this).index(); 
    if(indx != 0) {
        $(this).addClass('hide');
    }
}); 

看到这个小提琴

Answer 3

尝试这个

$('.services').each(function(){
  if($(this).not(':first-child')){
    $(this).addClass('hide');
  }
}

或者：

$('.services textarea:not(:first-child)').addClass('hide');

或者：

$('.services').children().not(':first').addClass('hide');

Answer 4

应该这样做，

$('.services').each(function(){
   $(this).children('textarea').addClass('hide');
   $(this).children('textarea:first').removeClass('hide').show();
})

Answer 5

尝试这个：

$('.services textarea').each(function(){
    var textarea = $(this);
    if(!textarea.is(':first')) {
        $(this).addClass('hide');
    }
}); 

Answer 6

$(".services").find("textarea:eq(0)");

参考查找和 eq 选择器

Answer 7

为什么不隐藏所有.services然后只显示第一个孩子？

$('.services').hide();
$('.services:first-child').show();