本文給大家講解的是使用jQuery檢測某個元素是否存在的代碼和思路，十分的實用，有需要的小伙伴可以參考下。
代碼中可能有這樣的情況，根據(jù)元素是否存在來執(zhí)行不同的操作，這樣就需要判斷指定的元素是否存在。
使用$(selector)可以獲得匹配元素集合，而匹配元素集合的length屬性可以獲得集合中匹配元素的個數(shù)，所以只要判斷l(xiāng)ength屬性值是否為零，就可以判斷元素是否存在。代碼實例如下:
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>武林網(wǎng)</title>
- <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $("#check").click(function(){
- if($(".mytest").length>0){
- alert("此元素存在");
- }
- })
- })
- </script>
- <body>
- <ul>
- <li>太陽出來了</li>
- <li>武林網(wǎng)</li>
- <li class="mytest">div+css教程</li>
- </ul>
- <button id="check">點擊檢測</button>
- </body>
- </html>
如果集合中元素的數(shù)量大于零，那么元素存在，否則指定元素不存在。
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡
新聞熱點
疑難解答
圖片精選
