JQuery中判斷一個(gè)元素下面是否有內(nèi)容或者有某個(gè)標(biāo)簽的判斷代碼
更新時(shí)間:2012年02月02日 23:32:53 作者:
網(wǎng)站開(kāi)發(fā)時(shí),我們時(shí)常需要把沒(méi)有內(nèi)容的標(biāo)簽隱藏或者去掉。在用JQ有兩種好的解決辦法
一、判斷文本是否為空
var jqObj = $(this);
if(jqObj.text().trim()){ //trim()方法是去空格,$.trim()函數(shù)刪除提供字符串的所有換行符,空格(包括非中斷空格),開(kāi)始和結(jié)束tab。如果這些空白字符在字符串中間發(fā)生時(shí),它們將被保留。
jqObj.hide();
}
二、判斷這個(gè)標(biāo)簽下是否有某個(gè)已知的元素,比如判斷ul標(biāo)簽下是否有l(wèi)i元素
var jqObj = $(this);
if(!jqObj.has('li').length){
jqObj.hide();
}
復(fù)制代碼 代碼如下:
var jqObj = $(this);
if(jqObj.text().trim()){ //trim()方法是去空格,$.trim()函數(shù)刪除提供字符串的所有換行符,空格(包括非中斷空格),開(kāi)始和結(jié)束tab。如果這些空白字符在字符串中間發(fā)生時(shí),它們將被保留。
jqObj.hide();
}
二、判斷這個(gè)標(biāo)簽下是否有某個(gè)已知的元素,比如判斷ul標(biāo)簽下是否有l(wèi)i元素
復(fù)制代碼 代碼如下:
var jqObj = $(this);
if(!jqObj.has('li').length){
jqObj.hide();
}
您可能感興趣的文章:
- JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實(shí)現(xiàn)代碼
- jQuery 獲取對(duì)象 根據(jù)屬性、內(nèi)容匹配, 還有表單元素匹配
- jQuery使用append在html元素后同時(shí)添加多項(xiàng)內(nèi)容的方法
- jquery動(dòng)態(tài)增加text元素以及刪除文本內(nèi)容實(shí)例代碼
- jQuery獲取選中內(nèi)容及設(shè)置元素屬性的方法
- 使用jQuery內(nèi)容過(guò)濾選擇器選擇元素實(shí)例講解
- jQuery給元素添加樣式的方法詳解
- jquery如何判斷某元素是否具備指定的樣式
- Jquery顯示、隱藏元素以及添加刪除樣式
- jquery動(dòng)態(tài)添加帶有樣式的HTML標(biāo)簽元素方法
- JQuery為元素添加樣式的實(shí)現(xiàn)方法
- jQuery操作元素的內(nèi)容和樣式完整實(shí)例分析
相關(guān)文章
jquery實(shí)現(xiàn)進(jìn)度條狀態(tài)展示
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)進(jìn)度條狀態(tài)展示,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03jQuery 復(fù)合選擇器應(yīng)用的幾個(gè)例子
這篇文章主要介紹了jQuery 復(fù)合選擇器應(yīng)用的幾個(gè)例子,本文例子所引用的jQuery版本為 jQuery-1.8.3.min.js,喜歡的朋友可以學(xué)習(xí)下2014-09-09解析jQuery的三種bind/One/Live事件綁定使用方法
本篇文章主要是對(duì)jQuery的三種bind/One/Live事件綁定使用方法進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12jQuery+jsp下拉框聯(lián)動(dòng)獲取本地?cái)?shù)據(jù)的方法(附源碼)
這篇文章主要介紹了jQuery+jsp下拉框聯(lián)動(dòng)獲取本地?cái)?shù)據(jù)的方法,以實(shí)例形式較為詳細(xì)的分析了jQuery結(jié)合jsp實(shí)現(xiàn)下拉聯(lián)動(dòng)菜單讀取本地?cái)?shù)據(jù)的相關(guān)技巧,并附帶了完整源碼供讀者下載參考,需要的朋友可以參考下2015-12-12基于 jQuery 實(shí)現(xiàn)鍵盤事件監(jiān)聽(tīng)控件
這篇文章主要介紹了基于 jQuery 的鍵盤事件監(jiān)聽(tīng)控件,需要的朋友可以參考下2019-04-04jquery tablesorter.js 支持中文表格排序改進(jìn)
之前研究過(guò)一下表格排序。上網(wǎng)找了一些代碼研究了一下。勉強(qiáng)做了一個(gè)用著。后面發(fā)現(xiàn)當(dāng)動(dòng)態(tài)給單元格加超鏈接,或者列中存在一些空白,就排序不了了。2009-12-12jQuery模擬select實(shí)現(xiàn)下拉菜單功能
這篇文章主要介紹了jQuery模擬select實(shí)現(xiàn)下拉菜單功能,比較實(shí)用,需要的朋友可以參考下。2016-06-06