简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

How to detect if an element exists with jQuery

黄舟
Release： 2016-12-15 14:53:36
Original
1253 people have browsed it

How jQuery detects whether an element exists:
There may be situations in the code where different operations are performed based on whether the element exists, so it is necessary to determine whether the specified element exists.
Use $(selector) to get the set of matching elements, and the length attribute of the set of matching elements can get the number of matching elements in the set, so as long as you determine whether the length attribute value is zero, you can determine whether the element exists. The code example is as follows: 

<!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> 
<title>蚂蚁部落</title>
<script src=" 
<script type="text/javascript">$(document).ready(function () {
  $("#check").click(function () {    if ($(".mytest").length > 0) {
      alert("此元素存在");
    }
  })
})</script><body><ul>
  <li>太阳出来了</li>
  <li>蚂蚁部落</li> 
  <li class="mytest">p+CSS教程</li>  </ul><button id="check">点击检测</button></body></html>
Copy after login

If the number of elements in the collection is greater than zero, then the element exists, otherwise the specified element does not exist.

The above is how jQuery detects whether an element exists. For more related articles, please pay attention to the PHP Chinese website (www.php.cn)!


Related labels：
检测元素，jQuery
source：php.cn
Previous article：Detailed explanation of the use of jQuery's next() function Next article：jQuery properties and CSS operations
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Compare Imagick, Adobe Photoshop and Windows - Detect resolution (pixels per centimeter or pixels per inch) This is not a question but an attempt to improve my understanding of how DPI is stored in ...
From 2024-04-06 16:01:27
0
1
397
SASS styles take precedence over media queries I'm trying to use media queries to override styles for desktop devices but it doesn't seem...
From 2024-04-05 15:03:00
0
1
3396
Need a jquery script to move selected options from a select box based on the end user's current selection I have an HTML page where the end user can rank our items via a select box element. See th...
From 2024-04-04 18:40:04
0
1
3528
How can I make text turn into a new element (like a divider) when clicked? I'm trying to find a way to make certain text on the page turn into separators/new element...
From 2024-04-04 11:21:03
0
1
3580
Javascript event delegate with unknown selector and children I have a dynamic selector (linkTrigger) which is supposed to capture clicks on an element....
From 2024-04-03 23:39:19
0
1
420
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！