使用 jquery 获取具有相似类名的元素

Question

我有一个 2 个 div 标签，它们有相似的类名，唯一的区别是第二个 div 有一个扩展类名。如何使用 jquery 在 2 个不同的变量中分别检索 2 个元素。

<div class='container'>
  <div class='submit'></div>
  <div class='submit newClass'></div>
</div>

从上面的示例中，我需要具有类 'submit' 而不是 'submit newClass' 的项目。

如果我这样做了 $('div.container .submit')，这会给我两个 div 标签。我怎样才能做到这一点。我不想使用基于索引的选择或使用 jquery 中的 'first' 方法。

Answer 1

在您的示例中，第二个 div 实际上并没有您所说的“扩展类名”，它有两个单独的类，submit 和 newClass.如果是这种情况，您可以使用 从您的选择中排除与 .newClass 匹配的元素:not 伪选择器：

var elements = $(".submit:not(.newClass)");

或者，您可以使用 not 方法：

var elements = $(".submit").not(".newClass");

如果另一方面你的示例是错误的，您实际上有一个以“submit”开头的较长类名，您可以使用“包含单词”选择器：

var elements = $("[class~=submit]");

Answer 2

将 :not 与您不想要的类一起使用：

 $('div.container .submit:not(.newClass)')