jquery - data-role を含むターゲットを設定する方法

Question

3ページあります。それぞれにdata-role="content"属性があります。

ページの一部をプログラムでターゲットにするにはどうすればよいですか? (例data-role = "firstPage"--> このページのフッターまたは content 属性のみ)。

jQuery Mobile 1.3.0 を使用しています

Answer 1

簡単：

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

jQuery リファレンス:

アトリビュート イコール セレクター [名前=”値”]

特定の値と正確に等しい値を持つ指定された属性を持つ要素を選択します。

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付きページ1page1

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

ID付きページ2page2

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

ID付きのページ3page3

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

ここにいくつかの例を含めました。