jquery 获取层级元素
     $(function () {
            $("#bt1").click(function () {
               var txt1 = $("div > p").text();
             
                alert(txt1);
            });

            $("#bt2").click(function () {
                var txt2 = $("div + p").text();
                alert(txt2);
            });

            $("#bt3").click(function () {
                var txt3 = $("div ~ p").text();
                alert(txt3);
            });
        });



  <input id="bt1" type="button" value="获取div下所有的p标签"/>
<input id="bt2" type="button" value="匹配紧跟在 div 元素后的 p 一个元素"/>
<input id="bt3" type="button" value="匹配跟在 div 元素后的所有 p 元素" />


    <p>1</p>
    <p>2</p>
<p>3</p>
<p>4</p>
    <div>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>

    </div>


点击btn2为什么弹出来的是空白的

求解！！！！！！！！！！！
------解决方案--------------------
+  紧接着第一个元素 ，上面HTML中 </div> 后没有 p 了