javascript - 如何确保所有元素都包含 jQuery 中的特定类？

Question

我需要检查以确保作为其父容器的子元素的所有某些元素都具有特定的类。有人可以告诉我如何在 jQuery 中做到这一点吗？

如果div标签的所有段落标签都具有“正确”类

-> 是的，他们都有这个类

否则，并非 div 标签中的所有 paragragh 标签都具有该类

-> 不，他们都没有所需的类

Answer 1

如果您指的是直接 child ，那么:

if ($('div').children('p').length === $('div').children('p.correct').length) {
  // yes
}
else {
  // no
}

包括所有后代 <p>计算中的标签，使用“.find()”而不是“.children()”。

编辑 - 非常希望有一个类似这样的插件:

$.fn.all = function(pred) {
  var rv = true;
  this.each(function(element) {
    if (!pred(element)) return (rv = false);
  });
  return rv;
};

然后你可以写:

if ($('div p').all(function(p) { return p.hasClass('correct'); })) {
  // yes
}

类似的“.any()”函数也很有用。