Question: Given this HTML list and subsequent two lines of jQuery, what is the difference in the behavior of `.closest()` and `.parents()`?

1. `.closest()` returns `.leaf` and `#main-menu`; `.parents()` returns `#main-menu` and `#sub-menu`.
2. `.closest()` returns `.leaf` and `#sub-menu`; `.parents()` returns `#main-menu` and `#sub-menu`.
3. `.closest()` returns only `#main-menu`; `.parents()` returns `#main-menu` and `#sub-menu`.
4. `.closest()` returns only `#sub-menu`; `.parents()` returns `#main-menu` and `#sub-menu`.

Answer: The correct answer of the above question is Option A:`.closest()` returns `.leaf` and `#main-menu`; `.parents()` returns `#main-menu` and `#sub-menu`.