Get all elements without child node in jQuery

by

How about

$("span:not(:has(*))")

Selects all spans that have no children.

Explanation

The :has() selector “selects elements which contain at least one element that matches the specified selector.” The wildcard * means all elements.

The expression $('div:has(p)') matches a <div> if a <p> exists
anywhere among its descendants, not just as a direct child.

The :not() selector “selects all elements that do not match the given selector.”

In this case, :has() selects everything and then we use :not() to find the elements that don’t match “everything”… in other words, nothing.

Demo

More Related Contents:

  1. How to select all images using jquery and give them an width?
  2. Difference between .on(‘click’) vs .click()
  3. jQuery – What are differences between $(document).ready and $(window).load?
  4. How can I find elements by text content with jQuery?
  5. Calculating text width
  6. How do you select a particular option in a SELECT element in jQuery?
  7. iframe to Only Show a Certain Part of the Page
  8. Pass array to ajax request in $.ajax() [duplicate]
  9. val() vs. text() for textarea
  10. Animate element transform rotate
  11. jQuery posting valid json in request body
  12. Activate CSS3 animation when the content scrolls into view
  13. Django dependent select
  14. How to detect new element creation in jQuery?
  15. jqgrid showLink
  16. jQuery UI Datepicker – Disable specific days
  17. Bootstrap 3 jquery event for active tab change
  18. Select link by text (exact match)
  19. append /remove anchor name from current url without refresh
  20. How can I change HTML attribute names with jQuery?
  21. A cleaner way to select by multiple possible attribute values?
  22. How do I reset a jquery-chosen select option with jQuery?
  23. jquery can’t get data attribute value
  24. jQuery Toggle Text?
  25. Performance differences between using “:not” and “.not()” selectors?
  26. jQuery countdown timer
  27. jQuery UI – Droppable only accept one draggable
  28. Link to open jQuery Accordion
  29. Include js file in Go template
  30. Removing multiple classes (jQuery)

Leave a Comment