如何让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()时,在上述代码中并不存在。
- 当我们对上述代码中存在的“gfg3”类的列表项使用函数check()时。