jQuery Mobile页面范围的元素标识

Question

我的jQuery Mobile应用程序中有两个页面。这两个元素都是显示从服务器返回的位置列表的列表。在一个普通的网络应用程序中，我会对它们进行“id ='places'”，但在多页jQuery Mobile应用程序中，ID应该是唯一的。使用id来解决这个id唯一性限制有什么好的替代方法？

我可以在ID中添加页面名称，例如： id='searchPage-places' 和id='favPage-places'但是它会增加不必要的噪音，因为我总是从特定于页面的位置访问places元素javascript内容。

我认为使用data-role是正确和恰当的，但我不想干扰jQM自己的数据角色语义。

data-id 感觉像是黑客

使用类也感觉像是黑客。

我正在寻找一种优雅的技术，用于在jQuery Mobile应用程序中进行页面范围的元素识别。

还有其他建议吗？

Answer 1

为什么不创建自己的属性data-custom（或任何其他适当的名称）？可以使用jQuery轻松访问它。

或者您仍然可以为它们使用相同的ID并通过pageID +'places'访问它，例如：

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

表示第一页和

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

另一个。