Question

我需要为.secondary-images div中的每个元素添加一个.trash类，除了一个.field - name-rd-page-secondary-image div。

我试过这个。

$('.secondary-images *').addClass('trash').not(".field--name-rd-page-secondary-image");

但它不起作用。

有谁知道。

Answer 1

您的功能订单出错。

.not() 功能应放在 .addClass() 之前。

$('.secondary-images').not(".field--name-rd-page-secondary-image").addClass('trash');

.secondary-images {
  background: lightblue;
  height: 50px;
  width: 50px;
  margin: 5px;
}

.trash {
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='secondary-images'></div>
<div class='secondary-images'></div>
<div class='secondary-images field--name-rd-page-secondary-image'></div>
<div class='secondary-images'></div>

Answer 2

将“.not”放在addClass：

之前

$('.secondary-images *').not(".field--name-rd-page-secondary-image").addClass('trash');

Answer 3

使用：

$('.secondary-images *').not(".field--name-rd-page-secondary-image").addClass('trash');

$('.secondary-images *').not(".field--name-rd-page-secondary-image").addClass('trash');

.trash {
  color: red
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="secondary-images">
  <p>p</p>
  <p>p</p>
  <p class="field--name-rd-page-secondary-image">p</p>
  <p>p</p>
  <p>p</p>
</div>

或者

$('.secondary-images :not(".field--name-rd-page-secondary-image")').addClass('trash');

$('.secondary-images :not(".field--name-rd-page-secondary-image")').addClass('trash');

.trash {
  color: red
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="secondary-images">
  <p>p</p>
  <p>p</p>
  <p class="field--name-rd-page-secondary-image">p</p>
  <p>p</p>
  <p>p</p>
</div>

Answer 4

您必须更改订单

$('.secondary-images *').not(".field--name-rd-page-secondary-image").addClass('trash');

Answer 5

这也适合我。

$('.secondary-images *').not(".field--name-rd-page-secondary-image, .field--name-rd-page-secondary-image .field__item, .field--name-rd-page-secondary-image .field__item picture, .field--name-rd-page-secondary-image .field__item picture source, .field--name-rd-page-secondary-image .field__item picture img").addClass('trash');

我添加了额外的项目，因为我也想避免所有这些。

如何指定添加类

5 个答案: