Cleanest way to get the next sibling in jQuery

by

To elaborate on the comments above:

You cannot write:

  • next("a"), because next() only tries to match the very next element. It will hit the <br> element and match nothing.

  • closest("a") , because closest() walks up the ancestor chain, starting with the element itself, and therefore will miss the <a> elements.

You can write:

  • next().next(), as Arend suggests. That’s probably the fastest solution, but it makes the <br> elements mandatory.

  • nextAll("a"), but that can return multiple elements (and will do so with your markup sample). Chaining into first() would prevent it, but nextAll() still would have to iterate over all the next siblings, which can make it slow depending on the complexity of the markup inside your <div> elements.

  • nextUntil("a").last().next(), which only iterates over the next siblings until it finds a link, then returns the immediate next sibling of the last element matched. It might be faster than nextAll(), again, depending on your markup.

More Related Contents:

  1. Wildcards in jQuery selectors
  2. jQuery selectors with variables
  3. Set select option ‘selected’, by value
  4. What is fastest children() or find() in jQuery?
  5. jQuery Selector: Id Ends With?
  6. jQuery OR Selector?
  7. jQuery selector value escaping
  8. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  9. jquery find versus context selection
  10. How to select last child element in jQuery?
  11. CSS selector case insensitive for attributes
  12. jQuery get all divs which do not have class attribute
  13. How can I detect if a selector returns null?
  14. What CSS3 selectors does jQuery really support, e.g. :nth-last-child()?
  15. jQuery: select an element’s class and id at the same time?
  16. Difference between :hidden and :not(:visible) in jQuery
  17. jQuery attribute name contains
  18. How can I get the corresponding table header (th) from a table cell (td)?
  19. jQuery scrollTop not working in Chrome but working in Firefox
  20. Select elements without any class [duplicate]
  21. jQuery attribute selector for multiple values
  22. jQuery: selector (classname with space)
  23. Find all elements based on ids using regex on jQuery selector
  24. JQuery data selector not updating with .data
  25. :nth-of-type() in jQuery / Sizzle?
  26. A cleaner way to select by multiple possible attribute values?
  27. How to select specific form element in jQuery?
  28. Using jQuery how do I select a range of rows?
  29. How to select a table column with jQuery
  30. How to use multiple jquery object variables as selectors?

Leave a Comment