JQuery Hierarchy Selector

$ ("div span") Select all <span> elements in <div>

$ ("div >span") Select <div> element under element name is a child element of <span>

$ ("#one +div") selects the next <div> sibling element of the element with ID one as the equivalent of $ (#one). Next ("div")

$ ("#one ~div") selects all <div> sibling elements that follow the elements of the ID of one element equal to $ (#one). Nextall ("div")

$ (#one). Siblings ("div") gets all <div> sibling elements of an element with ID of one (either front or back)

So get the element range size order:

$ (#one). Siblings ("div") >$ ("#one ~div") >$ ("#one +div") or

$ (#one). Siblings ("div") >$ (#one). Nextall ("div") >$ (#one). Next ("div")