您好,登錄后才能下訂單哦!
本文小編為大家詳細(xì)介紹“jquery能不能檢測(cè)是否有同胞元素”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“jquery能不能檢測(cè)是否有同胞元素”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來(lái)學(xué)習(xí)新知識(shí)吧。
能檢測(cè)。檢測(cè)方法:1、用“指定元素.siblings()”語(yǔ)句獲取指定元素的所有同胞元素,會(huì)返回一個(gè)包含同胞元素的jquery對(duì)象;2、用“jquery對(duì)象.length==0”語(yǔ)句判斷同胞元素個(gè)數(shù)是否為0,如果為0則沒(méi)有同胞元素,反之有。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
使用jquery可以檢查指定元素是否有同胞元素。
檢查方法:
1、使用siblings()獲取指定元素的所有同胞元素
指定元素.siblings()
會(huì)返回一個(gè)包含同胞元素的jquery對(duì)象。
2、使用length屬性獲取jquery對(duì)象的長(zhǎng)度
length屬性獲取的長(zhǎng)度就是同胞元素的個(gè)數(shù)
jquery對(duì)象.length==0
如果同胞元素的個(gè)數(shù)為0,即沒(méi)有同胞元素
如果個(gè)數(shù)不等于0,則有同胞元素
示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .siblings,.siblings *{ display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px; } </style> <script src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { var len=$("h3").siblings().length; if(len==0){ console.log("h3沒(méi)有同胞元素"); }else{ console.log("h3有同胞元素,其個(gè)數(shù)為:"+len); } }); }); </script> </head> <body> <div class="siblings">div (父) <p>p(兄弟元素)</p> <span>span(兄弟元素)</span> <h3>h3(本元素)</h3> <h4>h4(兄弟元素)</h4> <p>p(兄弟元素)</p> </div> <button>檢測(cè)h3是否有同胞元素</button> </body> </html>
讀到這里,這篇“jquery能不能檢測(cè)是否有同胞元素”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì),如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。