Question

我在页面上有一堆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>

如何隐藏div'Placeholder1'之后的所有'MainDiv'子Div。

同样在一个长页面上，一旦页面加载，浏览器可能会直接滚动到占位符吗？这是否可行，是否有跨浏览器解决方案？

Answer 1

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

OR

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

ScrollTo是一个插件，可以帮助您处理问题的第二部分。

Answer 2

要自动滚动到元素，只需使用哈希链接（这适用于所有浏览器），例如：

myPage.html#Placeholder1

要隐藏其后的div，只需.nextAll()和.hide()，就像这样：

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

Answer 3

用于隐藏Placeholder1之后的所有元素，

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

和滚动

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

找到控件并隐藏元素

3 个答案: