jquery中next()是啥意思

Posted 2023-04-05

看了帮助文档解释:取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。比如下面代码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> 能否用个例子给我详细解释解释，谢谢了

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>那就输出两次这东西了 参考技术A 很简单，首先在$("p")的时候 你选择了几个元素？？两个对吧<p>Hello</p><p>Hello Again</p>这个两p元素都被选择了，假设第一个是p1第二个是p2，然后执行next()函数，它会对选择的所有元素进行"下一个"，p1的下一个元素是p2，p2的下一个元素是div 所以当然结果就是你所看到的 参考技术B

定义和用法：

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

语法：

$(obj).next(selector);

obj指的是当前元素；

示例：

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

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

参考技术C 兄弟节点中的下一个节点

$(this).next().is(':visible') 刚接触jquery者句代码是啥意思啊，看了api半天没搞懂，请指点，谢谢！

$(this)就是当前的元素
.next()就是的下一个同胞元素
。is('visible')应该是判断你前面抓的对象是不是可见的，后面应该还有操作的吧？
我查了下就是这样。你试试是不是。我也是刚学JQ没多久。 参考技术A $("#btnok").click()
alert($(this).next().is(":visible"));
;
<input type="button" id="btnok" value="点击我" />
<input type="button" style="display:none" />
// $(this) 当前的button按钮 $(this).next() 后面的button按钮 $(this).next().is(":visible") 后面的按钮是否可见 返回 true or false本回答被提问者采纳 参考技术B 整句话返回的是true或者false,意思是你$(this)元素的下一个元素是否可见的 可见返回true 不可见返回false 参考技术C 就是当前选择的下一个同级元素是不是可见。然后在加个事件 参考技术D 这句话的意思是判断一下当前元素的下一个元素是否可见