jquery - 实现 jquery 自定义过滤器的巧妙方法(根据父类进行选择)？

Question

我想选择每个父级中没有具有类red的DIV的文本区域，对每个文本区域执行一些操作，然后执行其他操作 与页面上的其余文本区域。换句话说，选择一组元素，仅处理其中的一些元素，然后对其余元素执行其他操作。

我知道我可以做如下的事情，但是有没有一种不太笨拙的方法？

$('textarea').filter(function() {
    return $(this).parents("div.red").length > 0;
}).css('border','1px solid red').end().filter(function() {
    return $(this).parents("div.red").length == 0;
}).css('border','1px solid green');

谢谢!

Answer 1

这样有什么问题吗？ jQuery 很强大，但是要保持代码的干净和可读性并且不要试图太聪明，还有一些话要说。

$('textarea').each(function() {
  if ($(this).parent('div.red').length > 0) {
    $(this).css('border', 'solid 1px red');
  } else {
    $(this).css('border', 'solid 1px green');
  }
}