xghyxx
2019-06-22 08:38
采纳率: 100%
浏览 315

请帮忙写一个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后面不一定是什么内容,上面只是举了个例子。

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • 战渣渣 2019-06-22 10:37
    已采纳
    <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>
    
    已采纳该答案
    打赏 评论
  • 代码的灵魂是bug! 2019-06-22 09:38

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

    打赏 评论
  • Ws1525 2019-06-22 10:21

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

    打赏 评论
  • 小周瑜 2019-06-22 10:39
    var str = $("#main").html();
    var arr = str.split("</h1>");
    console.log("h1后面的内容 = "+arr[1]);
    
    打赏 评论

相关推荐 更多相似问题