javascript - style - title html tag




檢查jQuery中是否存在元素 (6)

$('elemId').length對我不起作用。

你需要在元素ID之前加上#

$('#elemId').length
---^

使用vanilla JavaScript,你不需要散列( # ),例如document.getElementById('id_here') ,但是當使用jQuery時,你需要像基於CSS一樣把散列放到基於id目標元素上。

這個問題在這裡已經有了答案:

如果元素是由.append()方法創建的,我該如何檢查元素是否存在? $('elemId').length對我不起作用。


如何檢查元素是否存在

if ($("#mydiv").length){  }

如果它為0 ,則它將評估為false ,而不僅僅是true

沒有必要進行大於,小於比較。


嘗試這個:

if ($("#mydiv").length > 0){
  // do something here
}

如果元素不存在,length屬性將返回零。


如果你的元素有一個類,那麼你可以嘗試以下方法:

if( $('.exists_content').hasClass('exists_content') ){
 //element available
}

您可以使用本地JS來測試對象的存在:

if (document.getElementById('elemId') instanceof Object){
    // do something here
}

不要忘記,jQuery只不過是本地Javascript命令和屬性的複雜(非常有用)包裝


顧名思義,你的elemId是一個Id屬性,你可以做這些檢查它是否存在:

香草JavaScript:如果你有更高級的選擇器:

//you can use it for more advanced selectors
if(document.querySelectorAll("#elemId").length){}

if(document.querySelector("#elemId")){}

//you can use it if your selector has only an Id attribute
if(document.getElementById("elemId")){}

jQuery的:

if(jQuery("#elemId").length){}




jquery