如何定位数据角色包含

Question

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

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

我正在使用jQuery Mobile 1.3.0

Answer 1

易：

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

jQuery参考：

  

Attribute Equals Selector [name=”value”]

     

选择具有指定属性的元素，其值完全等于某个值。

Answer 2

最好给每个部分一个唯一的id，然后用jQuery Selector定位它们。

您的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为page1

的第1页

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

ID为page2

的第2页

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

ID为page3

的第3页

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

我添加了一些examples here。