使用jQuery选择包含X和Y的多个div

Question

我想找到包含一组不同类别的产品，然后删除它。最好只使用jQuery。

到目前为止，我已经尝试了多个变体：

$('.div1:contains(\"Cat\"), .div2:contains(\"dog\")').remove();
$('.div1:contains(\"Cat\").div2:contains(\"dog\")').remove();
$('.div1:contains(\"Cat\"):contains(\"dog\")').remove();

唯一起作用的变化是：

$('.div1:contains(\"cat\"), .div1:contains(\"dog\")').remove();

..which并不完全回答我的问题，因为它删除了应该保留的东西。

是否可以选择两个在一个jQuery字符串中包含特定单词的div？

示例：

所以所有相关的div都有相同的类。它们都包含具有相同类的div。我需要识别那些包含'cat‘和’狗‘类的元素，以便能够只删除它们。排除长颈鹿是不可能的。

div1猫- div2犬

div1猫- div2犬

div1猫- div2长颈鹿

Answer 1

您可以将产品的类分配给要删除的div，然后

$('.dog').remove();

您可以使用data-product作为类，然后使用.attr()查找和删除它。如果您想要使用空()，则不会删除元素，但会删除元素中的所有内容。

编辑

在编辑示例之后，如果我理解它，您可以简单地使用

if (!$('.dog').hasClass('girafe')) {//whatever you want to do with it......};

它验证类“狗”的元素是否有'girafe‘类，如果没有，它将执行您的代码。