为了账号安全,请及时绑定邮箱和手机立即绑定

pre + next有关的问题

<div class="test5">
            <p>我是p鲜生</p>
            <p>我是p鲜生的码友</p>
            <p>我也是i</p>
            <span>我也是i</span><br />
            <span>我也是i</span>
        </div>


    $(".test5 p + p, .test5 p + span").html("我是p鲜生紧邻的码友").css({ "color": "red" });


有没有人运行上面这段代码发现问题的。。


我的问题是:为什么所有的P标签都发生改变??

正在回答

2 回答

我来给你分析下  首先p+这个东西 是说的所有的P后面的第一个元素  然后p+p 意思是所有P后面第一个元素是P的时候老选定  

当一个DIV里面有多个P的时候P+ 会把所有的P后面第一个全选中 而像你这个例子里面p+p 是选定所有P后面第一个是P  的时候的 他的下一个元素 不知道你听懂没 这个加号在一个集合里面有重复的时候是多个选择

再看例子 .test5 p + p  意思是 .test5 下面的p里面的后一个是p的时候  选定后一个p

<p>我是p鲜生的码友</p>
            <p>我也是i</p>    也就是这个成立  第二个是.test5 p + span  这个对应的是<span>我也是i</span>

因此除了第一个 <p>我是p鲜生</p>  最后一个<span>我也是i</span> 不符合选取条件其他都选上了

2 回复 有任何疑惑可以回复我~
#1

Caiser 提问者

酱紫,非常感谢!
2015-06-08 回复 有任何疑惑可以回复我~

咋一眼看上去应该是全部选上了~但是去编辑器试了一下,发现不一样~~怎么回事?

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

pre + next有关的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信