0

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

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

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

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

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

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

非常感谢。

4

2 回答 2

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() );
});​​​​​
于 2012-04-20T15:42:14.413 回答
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

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

.html()文档

于 2012-04-20T15:19:04.840 回答