|
|
|
|
|
|
贊助商
分類目錄
贊助商
最新文章
搜索
jQuery用hasClass()獲取具有特定類(class)名稱的所有div
作者:admin 時間:2019-5-6 13:5:15 瀏覽:本文介紹如何檢查元素是否具有特定類(class)，即如何找到div包含某些類名。
在下面的示例代碼中將向您展示如何獲取具有特定類(class)名稱的所有div標記。
jQuery用hasClass()判斷是否存在某個class
在jQuery中，可以使用.hasClass(className)方法來完成。
引用jQuery庫文件
在HTML代碼前面需要引用jQuery庫文件，你可以把jQuery庫文件下載到本地服務器進行調(diào)用，也可以直接使用第三方提供的公共庫文件，這里推薦使用百度的jQuery庫文件。
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
HTML
這里我們有幾個div和一個button按鈕標簽，每個div的class名都是public，所以我們的HTML如下所示：
<div class="public">如何有效阻止網(wǎng)頁被收錄</div>
<div class="public">阻止某個網(wǎng)頁出現(xiàn)在搜索結(jié)果中</div>
<div class="public">可借助非常實用的noindex工具</div>
<button id="btn">Click me</button>
jQuery
這里使用.hasClass()方法判斷是否存在特定類，而使用$('className').length方法可獲得一共有多少個特定類。
$("#btn").on('click',function(){
//是否存在public類
var publicDivs= $("div").hasClass("public");
console.log("是否存在public類: " + publicDivs);
//一共有多少個public類
var numItems = $('.public').length;
console.log("一共有多少個public類: " + numItems);
});
完整HTML代碼
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
</br>
<div class="public">如何有效阻止網(wǎng)頁被收錄</div>
<div class="public">阻止某個網(wǎng)頁出現(xiàn)在搜索結(jié)果中</div>
<div class="public">可借助非常實用的noindex工具</div>
<button id="btn">Click me</button>
<script type="text/javascript">
$("#btn").on('click',function(){
//是否存在public類
var publicDivs= $("div").hasClass("public");
console.log("是否存在public類: " + publicDivs);
//一共有多少個public類
var numItems = $('.public').length;
console.log("一共有多少個public類: " + numItems);
});
</script>
</body>
</html>
- 站長推薦
