Блог

Я пытаюсь выяснить, как использовать jquery для ссылки на объект верхнего уровня в html (body) из любого дочернего элемента внутри html.

Я не понимаю, почему $(«body») не будет работать.

см. http://api.jquery.com/element-selector /

Это можно использовать из любого места, и то, в каком дочернем элементе вы находитесь, не имеет значения.

Дополнительные примечания, основанные на комментариях:

Это действительно зависит от каждого случая. Если потребность относительна (на странице более одной таблицы), то использование parent() и closest() часто будет лучшим способом. На более простых страницах вы можете искать элементы непосредственно по идентификатору.

Два примера:

Страница с двумя списками, где вы хотите перемещать элементы между одним списком и другим. Поскольку эта функциональность определяется как страница, имеющая только два списка, имеет смысл использовать прямой метод.

Страница с динамическим списком пользователей и динамическим добавлением элементов в пользовательский контент (например, динамический чат). В этом случае вы хотите использовать relative, поскольку в области каждого пользователя будут одинаковые элементы, и вы хотите изменить эту область относительно области пользователя.

Вы также можете попробовать

 element.closest('body');
  

Хотя это, конечно, непрактично, вам следует один раз обратиться к body и кэшировать результат в переменной, например:

 body = $('body');
  

а затем просто обратитесь к body .

Вы всегда можете использовать $.prev() и $.next()

Это $.parent() вернет родительский контейнер

http://api.jquery.com/parent/

Или с помощью селектора:

$('body')