javascript - 使用 jQuery 选择不在类名中的第一个 div

Question

你好，你如何找到不在这个类名中的元素？

drop-area__itemPage

我用这个但是没用

$("#drop-area").children("div").find(".drop-area__item:not('.drop-area__itemPage:first')")

$("#drop-area").children("div").find(".drop-area__item")
    div#page1.drop-area__item.ui-droppable.drop-area__itemPage
    div#page2.drop-area__item.ui-droppable.ui-droppable-active
    div#page3.drop-area__item.ui-droppable.ui-droppable-active
    div#page4.drop-area__item.ui-droppable.ui-droppable-active
    div#page5.drop-area__item.ui-droppable.ui-droppable-active
    div#page6.drop-area__item.ui-droppable.ui-droppable-active
    div#page7.drop-area__item.ui-droppable.ui-droppable-active
    div#page8.drop-area__item.ui-droppable.ui-droppable-active
    div#page9.drop-area__item.ui-droppable.ui-droppable-active

enter code here

Answer 1

这是一个片段，显示了第一个 child 的选择，它有一个类(class)，没有另一个类(class):

$("#drop_area").find("div.class1:not([class~='class3']):first").css("border", "5px blue solid");

.class1, .class2, .class3{
    display: inline-block;
    margin: 20px;
    width: 150px;
    height: 80px;
}
.class1 {
    background: teal;
}
.class2 {
    background: tomato;
}
.class3 {
    background: lightgreen;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="drop_area">
    <div class="class1 class3 class2">class1 class3 class2</div>
    <div class="class2">class2</div>
    <div class="class1 class2">class1 class2</div>
    <div class="class3 class1">class3 class1</div>
    <div class="class1">class1</div>
    <div class="class2">class2</div>
    <div class="class1 class2">class1 class2</div>
    <div class="class3 class1">class3 class1</div>
    <div class="class3">class3</div>
    <div class="class2">class2</div>
    <div class="class3 class2">class3 class2</div>
    <div class="class3 class1">class3 class1</div>
</div>
<div class="result"></div>

所以结果 jquery 语句看起来像:

$("#drop-area .drop-area__item:not('.drop-area__itemPage'):first")