jquery filtering has + not

by

You can use a combination of the :not and :has selectors like this

$("a.add-span").click(function() {
    $("li:not(:has(span))").each(function(index) {
        $(this).append('<span class="spn">new span<\/span>');
    });
});

Here is a demo http://www.jsfiddle.net/xU6fV/

More Related Contents:

  1. jQuery how to find an element based on a data-attribute value?
  2. Why is my jQuery :not() selector not working in CSS?
  3. Access the css “:after” selector with jQuery [duplicate]
  4. Wildcards in jQuery selectors
  5. Set select option ‘selected’, by value
  6. Jquery bind double click and single click separately
  7. jQuery OR Selector?
  8. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  9. jquery find versus context selection
  10. jQuery select all except first
  11. Does jQuery do any kind of caching of “selectors”?
  12. How can I detect if a selector returns null?
  13. jQuery: select an element’s class and id at the same time?
  14. jQuery attribute name contains
  15. Efficient, concise way to find next matching sibling?
  16. jQuery scrollTop not working in Chrome but working in Firefox
  17. First word selector
  18. jQuery select by class VS select by attribute
  19. Datatables – Search Box outside datatable
  20. How to check if an element does NOT have a specific class?
  21. A cleaner way to select by multiple possible attribute values?
  22. jQuery: select all elements of a given class, except for a particular Id
  23. Performance of jQuery selector with context
  24. Get the selected option id with jQuery
  25. What JQuery selector excludes items with a parent that matches a given selector?
  26. How to use placeholder as default value in select2 framework
  27. Cleanest way to get the next sibling in jQuery
  28. Performance differences between using “:not” and “.not()” selectors?
  29. jQuery selector where text = some value
  30. Can jQuery selectors be used with DOM mutation observers?

Leave a Comment