为什么jQuery选择器'：not'不起作用？

Question

我想选择一个具有id或class的div，同时在div中排除id或class，并获得内容作为字符串。

这是我的标记:

<div id='main-content'>
<div>test 1</div>
<div class='ignore'>ignore test</div>
</div>

I tried$('#main-content:not(.ignore)').text();

它选择了id为main-content的div，但是类ignore仍然在字符串中。我做错了什么?

这是一个小提琴的例子。

Answer 1

您选择具有id的元素并说它不应该具有类。它应该在子元素上执行。

console.log($("#main-content > *:not(.ignore)").text());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='main-content'>
<div>test 1</div>
<div class='ignore'>ignore test</div>
</div>