jquery - (jQuery + Mobile) 将 div 中的目标数据写入变量

Question

是否可以通过单击在元素内找到特定数据，然后将该数据写入变量）？

例如，我有一个列表，其中包含导航到“#dataviewer”的类“datasource”的元素：

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

我知道我可以使用以下内容定位特定的列表元素：

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

...但是我可以获取“获取此数据”并将其写入变量，以便在“#datasource”页面上使用该数据吗？

非常感谢。

Answer 1

使用这样的列表视图：

<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() );
});​​​​​

Answer 2

“获取此数据”可以由该.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

使用您的代码作为模板，我创建了这个运行示例。

.html()的文档。