简述JS中next方法与nextAll方法
介绍
| next() | 取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合 |
| nextAll() | 查找当前元素之后所有的同辈元素 |
区分
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script src="js/jquery-3.3.1.js"></script></head><body><table><tr id="thead"><th>编号</th></tr><tr><td>1</td></tr><tr><td>2</td></tr></table><script>$("#thead").next().each(function(){console.log(this);});console.log("————分割线————")$("#thead").nextAll().each(function(){console.log(this);});</script></body>
</html>结果如下：
其中红色箭头指向的是next方法的输出，即id为“thread”的标签元素之后紧邻的元素，而蓝色箭头指向的为nextAll方法获取的该标签之后的所有同级元素。
简述JS中next方法与nextAll方法
介绍
| next() | 取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合 |
| nextAll() | 查找当前元素之后所有的同辈元素 |
区分
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script src="js/jquery-3.3.1.js"></script></head><body><table><tr id="thead"><th>编号</th></tr><tr><td>1</td></tr><tr><td>2</td></tr></table><script>$("#thead").next().each(function(){console.log(this);});console.log("————分割线————")$("#thead").nextAll().each(function(){console.log(this);});</script></body>
</html>结果如下：
其中红色箭头指向的是next方法的输出，即id为“thread”的标签元素之后紧邻的元素，而蓝色箭头指向的为nextAll方法获取的该标签之后的所有同级元素。
发布评论