Как выбрать элементы, которые не имеют определенного дочернего элемента с JQuery

Есть ли селектор JQuery для выбора всех элементов, у которых не есть определенный дочерний элемент как прямой ребенок? Например:

<p>
    text in paragraph
</p>
<p>
    <div>text in div</div>
</p>

Я хочу выбрать только <p> как первый (без дочернего элемента <div>). Возможно ли это?

Дополнительная информация: На самом деле я пытаюсь вставить <div> во все те <p>, которые не имеют одного выражения следующим образом:

$('p').wrapInner('<div />')

Но это добавило бы дополнительный <div> ко второму <p>.

Вы можете попробовать:

$("p:not(:has(>div))")

Вы можете комбинировать :has() ^[docs] селектор с not функция ^[docs], чтобы добиться этого:

$("p").not(":has(div)").wrapInner("<div/>");

В качестве альтернативы вы можете использовать один селектор с помощью селектора :not() ^[docs]:

$("p:not(:has(div))").wrapInner("<div/>");

Вы можете использовать либо взаимозаменяемый, но IIRC, первый быстрее.

Обратите внимание, что div является элементом уровня блока, а p - нет. Это означает, что недействительно HTML иметь div, вложенный в p.

Попробуйте это

$("p").fitler("not(:has(div))").wrapInner("<div/>");

структурные элементы внутри текстовых элементов выглядят очень нечистыми для меня, но если вы настаиваете;)

$('p').not(":has(div)").wrapInner("<div/>");

Это работает: $('p:not("p div")')