jQuery如何判斷元素是否具有指定的屬性

antzone發表於2017-03-28
jQuery

本章節介紹一下如何判斷一個元素是否具有指定的屬性。

一個元素具有屬性可以是以下幾種情況:

[HTML] 純文字檢視 複製程式碼
<div prop="softwhy"></div>
<div prop=""></div>
<div prop></div>

上面幾種情況都算是一個元素具有prop屬性，如果一個元素不具有此屬性，那麼使用attr()獲取屬性值，那麼返回值是undefined。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="renderer" content="webkit">
<link id="antzone" rel="Stylesheet" type="text/css"/> 
<title>螞蟻部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script> 
$(document).ready(function(){
  $("div").each(function(index,element){
    var propValue=$(this).attr("prop");
    if(propValue==""){
      $(element).text("屬性值為空");
    }else if(propValue==undefined){
      $(element).text("沒有指定的屬性");
    }
    else{
      $(element).text(propValue);
    }
  });
})
</script>
</head>
<body>
<div prop="softwhy"></div>
<div prop=""></div>
<div prop></div>
<div></div>
</body>
</html>

上面的程式碼實現瞭如何判斷是否具有指定的屬性效果，非常的簡單，如果attr()返回值是undefined，那麼久說明沒有此屬性。

相關文章