选择不具有给定类作为父级的元素

Question

我有一些像这样的HTML

<div class="asd">
    <audio src="...">
</div>

<audio src="...">
<audio src="...">
<audio src="...">

现在我需要选择所有没有父级的音频元素，这些元素具有类asd。 我试过像

这样的东西

$('audio').not('.asd');

但它会返回所有音频元素。

我该怎么做？

Answer 1

您可以使用:not：

$('audio:not(.asd audio)')

或.not()：

$('audio').not('.asd audio')

＆＃13;

＆＃13;

var $audio = $('audio:not(.asd audio)');

console.log($audio.length);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="asd">
    <audio src="..." />
</div>

<audio src="..." />
<audio src="..." />
<audio src="..." />

＆＃13;

＆＃13;

＆＃13;