Jquery 找到控件并隐藏元素

Jquery 找到控件并隐藏元素,jquery,Jquery,我在页面上有一堆Div <div id="MainDiv"><div>sometext</div> <div>sometext</div> <div>Page 1</div> <div>Page 1</div> <div>Page 1</div> <div id="Placeholder1"></div> <div>otherte

我在页面上有一堆Div

<div id="MainDiv"><div>sometext</div>
<div>sometext</div>
<div>Page 1</div>
<div>Page 1</div>
<div>Page 1</div>
<div id="Placeholder1"></div>
<div>othertext</div>
<div>othertext</div>
<div>Page 2</div>
<div>Page 2</div><div>
sometext
一些文字
第1页
第1页
第1页
其他文本
其他文本
第2页
第2页
如何隐藏位于Div“placeholder 1”之后的所有“MainDiv”子Div

同样在长页面上,是否有可能在页面加载后,浏览器直接滚动到占位符?这可能吗?是否有跨浏览器的解决方案

$('#Placeholder1 ~ div').hide()


是一个插件,可以帮助您解决问题的第二部分。

要自动滚动到元素,只需使用哈希链接(这适用于所有浏览器),例如:

myPage.html#Placeholder1
要隐藏其后面的div,只需如下所示:

$("#Placeholder1").nextAll("div").hide();

用于隐藏占位符1之后的所有元素

$("#Placeholder1").nextAll('div').hide();
和滚动

$(document).scrollTop($("#Placeholder1").offset().top)

Chinmayee建议的ScrollTop不是可以跨浏览器使用吗?@AdamFo-它可以,但确实没有必要,它已经内置到浏览器中(很长一段时间了):)好吧,但我不明白的是,如何使用jquery语法通过编程方式使用myPage.html#Placeholder 1来实现它?在页面加载时,滚动条必须向下移动到占位符1,而此控件中没有任何内容。它只是一个占位符,因此用户不可见user@AdamFo-您根本不需要JavaScript,只需链接到最后带有
#占位符1
的页面,它就会向下滚动。如果必须以编程方式执行,只需使用
location.hash=“placeholder 1”谢谢bobby..有可能在占位符1.之后隐藏'MainDiv'中的所有控件吗..所以不仅是div,而且是所有控件?
$(document).scrollTop($("#Placeholder1").offset().top)