Помогите мне разобраться в этой одной строке jQuery

Question

var div = $(this), ul = $("ul", div), li = $("li", ul); 

Пожалуйста, объясните, что делает этот код?

С шагами.

Спасибо.

Answer 1

Она заканчивается с этими эквивалентами:

var div = $(this); 
var ul = $(this).find("ul"); 
var li = $(this).find("ul").find("li"); 

Так это получение текущей <div>, любые <ul> элементов внутри него, а также любые <li> элементов внутри них, и помещая каждую коллекцию в своем собственных переменном.

Когда вы $(selector, content)you're actually doing$(context).find(selector) под одеялом, так что код в ваш вопрос просто цепочки один вызов к другому, эффективно делать .find() внутри каждый раз.