jquery - 如何定位数据角色包含

Question

我有三页。每个都有一个data-role="content"属性。

如何以编程方式定位页面的某些部分？（例如data-role = "firstPage"--> 仅来自该页面的页脚或内容属性）。

我正在使用 jQuery Mobile 1.3.0

Answer 1

简单的：

$('[data-role="firstPage"]')

jQuery 参考：

属性等于选择器 [name="value"]

选择具有与某个值完全相等的指定属性的元素。

Answer 2

最好给每个部分一个唯一的 id，然后使用 jQuery 选择器来定位它们。

您的 HTML：

<div id="home-page"></div>

你的 JS：

$("#home-page").html('Test!');

你的结果：

<div id="home-page">Test!</div>

Answer 3

每个页面都应该有一个 ID。

HTML

<div data-role="page id="page1"></div>

带有 ID 的第 1 页page1

$('[data-role="page"]#page1')

带身份证的第 2 页page2

$('[data-role="page"]#page2')

带身份证的第 3 页page3

$('[data-role="page"]#page3')

我在这里包括了一些例子。