找到控制和隱藏要素

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的「MainDiv」股利「預留位置」後落在上。

同樣在一個長頁面上，頁面加載後瀏覽器是否可以直接滾動到佔位符？這是可能的，是否有跨瀏覽器的解決方案？

Answer 1

對於隱藏預留位置之後的所有元素，

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

和用於滾動

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

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

Answer 2

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

OR

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

ScrollTo是一個插件，可以幫助你與你的問題的第二部分。

Answer 3

自動滾屏的元素只是使用散列鏈接（這適用於所有的瀏覽器），例如：

myPage.html#Placeholder1 

後它隱藏的div，纔剛剛.nextAll()和.hide()，就像這樣：

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