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为什么弹出来的是空白的
求解！！！！！！！！！！！ jquery 标签
[解决办法]
+ 紧接着第一个元素 ，上面HTML中 </div> 后没有 p 了
[解决办法]
+相当于获得节点的下一个兄弟节点，相当于next()方法，你这里下一个节点又没有P元素，当然为空
[解决办法]
第二个按钮可以这样改改
$("#bt2").click(function () {
var txt2 = $("div > p:first").text();
alert(txt2);
});
