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]);