如何让jQuery在不匹配一个元素时抛出一个错误

如何让jQuery在不匹配一个元素时抛出一个错误

在这篇文章中,我们将学习如何使jQuery在不匹配一个元素时抛出错误。

方法:为了完成这个任务,我们创建了一个函数,并使用元素的长度属性检查给定的元素是否存在。如果一个元素存在,该元素的长度大于或等于1,否则该元素的长度为0,所以如果该元素存在,我们显示一条信息,否则我们抛出一个错误。我们在使用该元素之前调用该函数。如果元素不存在,我们会得到一个错误。

示例:

<!DOCTYPE html>
<html>
  <head>
      
    <!-- JQuery CDN -->
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
    </script>
    
  </head>
  
  <body>    
      <h2 style="color:green">GeeksforGeeks</h2>
      <b>Check for element existence using jQuery</b><br/>
      <ul>
        <li class="gfg1">CSS</li>
        <li class="gfg3">HTML</li>
        <li class="gfg4">JQuery</li>
      </ul>
      
     <div id="resultID"></div>
      
    <script>
      // Create a function that checks if the element exists or not.
      .fn.check = function(){
        if(this.length === 0){
           
          ("#resultID").show().html("This element does not exist!");
        }
        else
        {
          ("#resultID").show().html("This element exist!");
        }
      }
      // Call check() function for li element having class gfg2.
      ('li.gfg2').check();
    </script>
  </body>
</html>

输出:

  • 当我们使用带有“fg2”类的列表项的函数check()时,在上述代码中并不存在。
    如何让jQuery在不匹配一个元素时抛出一个错误?
  • 当我们对上述代码中存在的“gfg3”类的列表项使用函数check()时。
    如何让jQuery在不匹配一个元素时抛出一个错误?

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程