请帮忙写一个jQuery的代码

HTML代码为:

<div id="main">
  <h1>abc</h1>
  <div>
    <p>p</p>
  </div>
  <p>
    <span>span</span>
  </p>
</div>

我想获取h1后面的所有内容,也就是

  <div>
    <p>p</p>
  </div>
  <div>
    <span>span</span>
  </div>

请问正确的代码应该怎么写?
谢谢!!

我的意思是h1后面不一定是什么内容,上面只是举了个例子。

<html>
    <head>
        <script type="text/javascript"src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
<body>
    <div id="main">
      <h1>abc</h1>
      <div>
        <p>p</p>
      </div>
      <p>
        <span>span</span>
      </p>
    </div>

</body>
<script>
    $(document).ready(function(){
        var elms = $("h1").nextAll();
        $.each(elms, function(index, item){
            console.log(item);
        });
    });
</script>
</html>

$("#main").find("div")

$('h1').sibling() 可以选中h1的所有同级节点

var str = $("#main").html();
var arr = str.split("</h1>");
console.log("h1后面的内容 = "+arr[1]);