（jQuery + Mobile）目標數據在一個div寫入變量

Question

是否有可能在點擊某個元素內找到特定數據，然後將該數據寫入變量）？

例如，我有一個列表，以及導航到「#dataviewer」類「數據源」的元素：

<ul> 
    <li class="datasource"> 
     <a href="#dataviewer" >Get this data</a> 
    </li> 
</ul> 

我知道我可以使用像這樣針對該特定列表元素：

$(".datasource").click(function() { 
     alert("Click!"); 
}); 

...但我可以獲取「獲取此數據」並將其寫入變量，以便在'#datasource'頁面上使用該數據？

非常感謝。

Answer 1

「獲取此數據」可以通過.html()函數檢索。關閉以下的警報：

alert($("a").html()); 

顯然，您可以選擇性地根據您的頁面的其餘部分找到「a」元素。

要將值存儲到一個變量，只是存儲的輸出是這樣的：

// Probably not exactly what you want when there are many "a"nchor tags on a page. 
var contentsOfElement = $("a").html(); 
// More selective based on an ID 
var contentsOfElement = $("#oneParticularID").html(); 
// Then you can write that text, store it, or whatever you'd like 

使用你的代碼作爲一個模板，我創造了這個running example。

The documentation for .html()。

Answer 2

有了這樣一個ListView：

<div data-role="page"> 
<ul data-role="listview"> 
    <li class="datasource"> 
     <a href="#dataviewer" >Row A</a> 
    </li> 
    <li class="datasource"> 
     <a href="#dataviewer" >Row B</a> 
    </li> 

</ul> 
</div>​​​​​​​ 

你可以使用一個單擊處理程序是這樣的：

​$(".datasource").click (function() { 
    alert($(this).find('a').first().html()); 
});​​​​​