jquery使用if判斷標(biāo)簽內(nèi)容不為空的示例

這篇文章給大家分享的是有關(guān)jquery使用if判斷標(biāo)簽內(nèi)容不為空的示例的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

jquery使用if判斷標(biāo)簽內(nèi)容不為空的方法：1、標(biāo)簽有設(shè)置id屬性時(shí)，使用【$("#id")】獲取標(biāo)簽即可；2、對(duì)于沒(méi)有設(shè)置id的標(biāo)簽，使用類似jsoup表達(dá)式來(lái)獲取，代碼為【var nameVal = $("#aaa input[]】。

jquery使用if判斷標(biāo)簽內(nèi)容不為空的方法：

問(wèn)題描述

需要判斷用戶是否選中列表中的選項(xiàng)或者輸入了自定義的內(nèi)容是否不為空，不為空才進(jìn)行下一步操作，否則提示用戶。

<p id="namep">姓名：
    <input type="text" class="name"></input>
</p>

解決方法

獲取指定標(biāo)簽的內(nèi)容，進(jìn)行判空處理

// $(document).ready(function(){ ... });
// 標(biāo)簽有設(shè)置 id 屬性時(shí)，使用 $("#id") 獲取標(biāo)簽即可
// 對(duì)于沒(méi)有設(shè)置 id 的標(biāo)簽，使用類似jsoup表達(dá)式來(lái)獲取
var nameVal = $("#aaa input[class='name']").val();
if(nameVal == null || nameVal == "" || nameVal == undefined){
    alert("name 輸入框?yàn)榭?quot;);
}

備注：

1、獲得內(nèi)容 - text()、html() 以及 val() 三種方式的區(qū)別

• text() - 設(shè)置或返回所選元素的文本內(nèi)容

• html() - 設(shè)置或返回所選元素的內(nèi)容（包括 HTML 標(biāo)記）

• val() - 設(shè)置或返回表單字段的值

2、如果標(biāo)簽是動(dòng)態(tài)添加的，需要考慮 undefined 的情況。

undefined 表示”缺少值”，就是指定標(biāo)簽應(yīng)該有一個(gè)值，但是還沒(méi)有定義，如果html里面還沒(méi)生成該指定標(biāo)簽，其內(nèi)容當(dāng)然也是沒(méi)有定義的，轉(zhuǎn)為數(shù)值為NaN。一般出現(xiàn)的情況如下：

（1）變量被聲明了，但沒(méi)有賦值，直接使用時(shí)該變量值為 undefined；

（2）調(diào)用函數(shù)時(shí)，應(yīng)該提供的參數(shù)沒(méi)有提供，該參數(shù)等于 undefined；

（3）對(duì)象沒(méi)有賦值的屬性，該屬性的值為 undefined；

（4）函數(shù)沒(méi)有返回值時(shí)，默認(rèn)返回 undefined。

感謝各位的閱讀！關(guān)于“jquery使用if判斷標(biāo)簽內(nèi)容不為空的示例”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！