1. 程式人生 > >jq判斷頁面元素是否存在並其值是否有效

jq判斷頁面元素是否存在並其值是否有效

開發過程中遇到需要判斷一個頁面元素是否存在,即一個select標籤是否存在。

如果存在,還要判斷他的值是否有效,即非指定的幾個值,我的原始碼如下:

if($("#quoPoolDealers") && (!$("#quoPoolDealers").val() || $("#quoPoolDealers").val() == "0:請選擇")){

console.log("存在,且值無效");

}

執行後發現不正確,原因是 $("#quoPoolDealers") 返回了一個Object,導致了第一步判斷失效。

改良後:

if($("#quoPoolDealers").length > 0 && (!$("#quoPoolDealers").val() || $("#quoPoolDealers").val() == "0:請選擇")){

console.log("存在,且值無效");

}

這樣就可以了,jq選擇器返回的object是一個預設的物件,並沒有有效的值,所以用length屬性就可以達到判斷元素是否存在的目的