使用jquery在html中引用顶级对象

时间:2011-10-29 15:25:53

标签: jquery reference

我试图弄清楚如何使用jquery从html中的任何子元素引用html(body)中的顶级对象。

3 个答案:

答案 0 :(得分:5)

我不清楚为什么$(“body”)无效。

请参阅http://api.jquery.com/element-selector/

这可以在任何地方使用,而你所在的孩子并不重要。


基于评论的附加说明:

这实际上取决于每个案例。如果需求是相对的(页面中有多个表),那么使用parent()closest()通常是最好的方法。在更简单的页面中,您可以直接通过ID搜索元素。

两个例子:

包含两个列表的页面,您希望在一个列表和另一个列表之间移动元素。由于此功能被定义为只有两个列表的页面,因此使用直接方法是有意义的。

包含用户动态列表和用户内容中动态添加元素的页面(例如动态聊天)。在这种情况下,您希望使用相对,因为每个用户的区域将具有相同的元素,并且您希望相对于用户区域修改该区域。

答案 1 :(得分:0)

您始终可以使用$.prev()$.next()

$.parent()将返回父容器

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

或者通过选择器:

$('body')

答案 2 :(得分:0)

您也可以尝试

element.closest('body');

虽然这肯定不实用,但你应该引用body一次并将结果缓存到一个变量中,如:

body = $('body');

然后只需参考body