jQuery 如何判断节点是否存在? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
想要判断某个 dom 节点是否存在, 可以使用 length 属性来判断.
例:
- if($('.onloadMore').length>0){
- return '节点存在';
- }else{
- return '节点不存在';
- }
可以看出: length 属性包含 jQuery 对象中元素的数目; 如果某个 dom 节点对象的 length 属性大于等于 1, 则存在.
实例:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
- </script>
- </head>
- <body>
- <div id="a">
- 这里是 id=a 节点
- </div>
- <div>
- 这里是 DIV 节点
- </div>
- <div>
- 这里是 DIV 节点
- </div>
- <span>
- 这里是 span 节点
- </span>
- <script>
- (function($) {
- $.fn.exist = function() {
- if ($(this).length >= 1) {
- return true;
- }
- return false;
- };
- })(jQuery);
- alert("#aaa 是否存在:" + $('#aaa').exist()); // false
- alert("#a 是否存在:" + $('#a').exist()); // true
- alert("div 是否存在:" + $('div').exist()); // true
- alert("p 是否存在:" + $('p').exist()); // false
- </script>
- </body>
- </HTML>
效果图:
更多 web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/18318.html