Question

jquery中next()是什么意思

看了帮助文档解释:取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。比如下面代码HTML 代码:<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>jQuery 代码:$("p").next()为什么结果是下面的:<p>Hello Again</p>, <div><span>And Again</span></div> 能否用个例子给我详细解释解释，谢谢了

Answer 1

JQUERY里的next()是下一节点的的意思
你的$("p")在HTML里有两个，所以得出来的结果是分别输出两次：
第一个<P> 输出 :<p>Hello Again</p>,
第二个<p>输出 :<div><span>And Again</span></div>

别外next()也可能这样 $("p").next("div")，指<p>的下一个DIV，那么就输出:<div><span>And Again</span></div> ,不过你HTML里有两个<p>那就输出两次这东西了

Answer 2

很简单，首先在$("p")的时候 你选择了几个元素？？两个对吧<p>Hello</p><p>Hello Again</p>这个两p元素都被选择了，假设第一个是p1第二个是p2，然后执行next()函数，它会对选择的所有元素进行"下一个"，p1的下一个元素是p2，p2的下一个元素是div 所以当然结果就是你所看到的

Answer 3

定义和用法：

next() 获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。通俗点理解就是获取紧邻的下一个同级元素！

语法：

$(obj).next(selector);

obj指的是当前元素；

示例：

查找每个段落的下一个同胞元素，仅选中类名为 "selected" 的段落：

$("p").next(".selected").css("background", "yellow");

Answer 4

兄弟节点中的下一个节点