首頁 > web前端 > js教程 > jquery如何使用if判斷標籤內容不為空

jquery如何使用if判斷標籤內容不為空

coldplay.xixi
發布: 2023-01-04 09:37:44
原創
4218 人瀏覽過

jquery使用if判斷標籤內容不為空的方法:1、標籤有設定id屬性時,使用【$("#id")】取得標籤即可;2、對於沒有設定id的標籤,使用類似jsoup表達式來獲取,程式碼為【var nameVal = $("#aaa input[]】。

jquery如何使用if判斷標籤內容不為空

##本教學操作環境:windows7系統、jquery3.2.1版本,Dell G3電腦。

#推薦:

jquery影片教學

jquery使用if判斷標籤內容不為空的方法:

問題描述

需要判斷使用者是否選取清單中的選項或輸入了自訂的內容是否不為空,不為空才進行下一步操作,否則提示使用者。

<p id="namep">姓名:
    <input type="text" class="name"></input>
</p>
登入後複製

解決方法

取得指定標籤的內容,進行判空處理

// $(document).ready(function(){ ... });
// 标签有设置 id 属性时,使用 $("#id") 获取标签即可
// 对于没有设置 id 的标签,使用类似jsoup表达式来获取
var nameVal = $("#aaa input[class=&#39;name&#39;]").val();
if(nameVal == null || nameVal == "" || nameVal == undefined){
    alert("name 输入框为空");
}
登入後複製

備註:

1、取得內容- text()、html() 以及val() 三種方式的區別

  • text() - 設定或傳回所選元素的文字內容

  • html() - 設定或傳回所選元素的內容(包括HTML 標籤)

  • val() - 設定或傳回表單欄位的值

#2、如果標籤是動態新增的,需要考慮undefined 的情況。

# undefined 表示”缺少值”,就是指定標籤應該有一個值,但是還沒有定義,如果html裡面還沒產生該指定標籤,其內容當然也是沒有定義的,轉為數值為NaN。一般出現的情況如下:

(1)變數被宣告了,但沒有賦值,直接使用時該變數值為undefined;

(2)呼叫函數時,應該提供的參數沒有提供,該參數等於undefined;

(3)物件沒有賦值的屬性,該屬性的值為undefined;

(4)當函數沒有傳回值時,預設回傳undefined。

#相關免費學習推薦:javascript學習教學

#

以上是jquery如何使用if判斷標籤內容不為空的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板