Jquery 如何针对包含的数据角色

我有三页。每个都有一个

data role=“content”

属性

如何以编程方式将页面的各个部分作为目标？（例如，

data role=“firstPage”

-->仅此页面的页脚或内容属性）

我正在使用jQuery Mobile 1.3.0，很简单：

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

jQuery参考：

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

---

最好给每个部分一个唯一的id，然后使用jQuery选择器将它们作为目标

您的HTML：

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

您的结果：

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

测试！

每页都应该有一个ID

HTML

第2页，ID

page2

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

第3页，ID

page3

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

---

我已经包括了一些。

嘿，布莱萨利，谢谢你的及时回答。如果我想选择“firstPage”数据角色，这将是第一页。但是如果我想针对第一页的contain data角色怎么办？@Nactus你可以做BLSully所做的，但是添加

.find（“theelementwant”）

嘿，凯文，谢谢你的回答。所以，它应该是这样的：$（“[data role=“#firstPage”]”）。查找（'content'）。。。然后我想让它做什么，比如。点击（函数（）{}），对吗？@Nactus:很抱歉当你问的时候是AFK，但是很高兴看到KevinB帮你解决了问题谢谢大家。我会尝试两种方法。Reflic，谢谢你的回答。如果我只想针对“主页”的内容属性，该怎么办？谢谢我的理解是，对于页面（在jQuery中），三个元素（页眉、内容和页脚）应该始终保留在这些名称中。希望这有帮助。

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

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

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