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)文章
簡(jiǎn)單的jquery拖拽排序效果實(shí)現(xiàn)代碼
寫了簡(jiǎn)單的跟隨鼠標(biāo)移動(dòng)效果。這個(gè)拖拽排序的效果的區(qū)別在于: 運(yùn)用了插入insertBefore 和 insertAfter 的方法2011-09-09
jquery實(shí)現(xiàn)表格行的上下移動(dòng)和置頂
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)表格行的上下移動(dòng)和置頂,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02
使用jQuery制作遮罩層彈出效果的極簡(jiǎn)實(shí)例分享
這篇文章主要介紹了使用jQuery制作遮罩層彈出效果的極簡(jiǎn)實(shí)例分享,效果中背景為半透冥且不可操作,在制作頁(yè)面上傳功能等場(chǎng)景下十分實(shí)用,需要的朋友可以參考下2016-05-05
jQuery DataTables插件自定義Ajax分頁(yè)實(shí)例解析
這篇文章主要為大家詳細(xì)介紹了jQuery DataTables插件自定義Ajax分頁(yè)的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05
jQuery easyui刷新當(dāng)前tabs的方法
這篇文章給大家介紹了jquery easyui刷新當(dāng)前tabs的方法,本文涉及到param參數(shù)的屬性知識(shí)點(diǎn),本文通過(guò)實(shí)例給大家介紹的非常詳細(xì),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-09-09
JQuery中clone方法復(fù)制節(jié)點(diǎn)
這篇文章主要介紹了JQuery中clone方法復(fù)制節(jié)點(diǎn),實(shí)例分析了clone方法淺克隆與深克隆的使用方法,需要的朋友可以參考下2015-05-05
input:checkbox多選框?qū)崿F(xiàn)單選效果跟radio一樣
checkbox是多選,怎么才能讓他變成單選,效果跟radio一樣呢,本菜鳥(niǎo)就自己寫了個(gè)小程序,代碼很簡(jiǎn)單2014-06-06

