jquery 获取层级元素

[qq3895]

$(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为什么弹出来的是空白的

求解！！！！！！！！！！！

[qq3895]

那bt3点击出来的怎么是1234 bt2点出来的没有，bt3怎么会有

[Harley-Chang]

引用 6 楼 qq3895 的回复:

那bt3点击出来的怎么是1234 bt2点出来的没有，bt3怎么会有

实际测试btn3与btn2一样效果,lz再试试

[Harley-Chang]

<input id="bt3" type="button" value="匹配跟在 div 元素后的所有 p 元素(遍历除了本身的同级元素(此id后))" />

[fzfei2]

+ 紧接着第一个元素 ，上面HTML中 </div> 后没有 p 了

[caizhenbo299]

+相当于获得节点的下一个兄弟节点，相当于next()方法，你这里下一个节点又没有P元素，当然为空

[katrinaqian]

第二个按钮可以这样改改

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

[tony4geek]

  var txt2 = $("div p:first").text();
                alert(txt2);

[流浪人_is_me]

用next就行