2010-08-31 62 views
10

這是演示代碼:如何獲得其存儲在jquery.data所有數據()

$(document).ready(function(){ 

    $("button").click(function(e) { 
     var value; 

     switch ($("button").index(this)) { 
     case 0 : 
      value = $("div").data("blah"); 
      break; 
     case 1 : 
      $("div").data("blah", "hello"); 
      value = "Stored!"; 
      break; 
     case 2 : 
      $("div").data("blah", 86); 
      value = "Stored!"; 
      break; 
     case 3 : 
      $("div").removeData("blah"); 
      value = "Removed!"; 
      break; 
     } 

     $("span").text("" + value); 
    }); 

    }); 
    </script> 
    <style> 
    div { margin:5px; background:yellow; } 
    button { margin:5px; font-size:14px; } 
    p { margin:5px; color:blue; } 
    span { color:red; } 
    </style> 
    <div>A div</div> 
    <button>Get "blah" from the div</button> 
    <button>Set "blah" to "hello"</button> 
    <button>Set "blah" to 86</button> 
    <button>Remove "blah" from the div</button> 
    <p>The "blah" value of this div is <span>?</span></p> 

但是,如何讓所有的數據(因爲一些關鍵的名字我不知道)?

感謝

回答

27

您可以撥打.data()沒有任何參數來獲取所有對象的所有條目,就像這樣:

$("div").data() //returns object 

這個對象將所有可用它們的鍵,例如,如果:

$("div").data("thing") //returns "value" 

然後$("div").data()將返回至少:

{ thing: "value" } 
相關問題