jQote での .data() メソッドの使用 – クライアント側のテンプレート プラグイン

Question

ここ数週間、私は使っています jQote – クライアント側のテンプレート 実行時に HTML フラグメントを生成するプラグイン。

私は数か月間、id、class、alt などの dom 属性を使用して重要なデータを保存してきました。

さて、私が知ったのは、 .data() データを保存および取得するための jQuery のメソッド。

私のプロジェクト全体で、テンプレートを使用してHTMLフラグメントを動的に生成しています。

次に、これらのテンプレートで .data() を動的に使用し、動的に作成された要素内に重要なデータを保存する方法を知る必要があります。

テンプレートのjsコードはこんな感じです。

var template = templateCache.idOfTheTemplate; // say its a <li>
for(var i = 0; i < length; i ++){
$("#ulID").jqotepre(template, data);
}

テンプレート：

<script id="idOfTheTemplate" type="text/template">
<li id="<%=this.id%>">//here i want to use .data() and store the id with different key
<a id="<%=this.id%>" href="#"><%=this.linkName%></a>
</li>
</script>

解決：

 $("#ulID").jqotepre(template, data);

この行が実行されると、その要素が DOM で使用できるようになります。

それで、あなたはただこれを行うことができます、

$("#ulID").jqotepre(template, data);
$('#' + data.id).data('liInfo', data);//data.id is the ID of the li element in the DOM

Answer 1

jQueryので

.DATA（）関数は、HTML5のデータ要素上で動作します。

タグの意味

<li id="myId" data-food="value" > 

と同じです

$("#myId").data('food', 'value');

あなたは http://html5doctor.com/html5-でHTML5のデータ要素で続きを読むことができます/ の

カスタムデータ属性

そして、もっとJQuerysデータ機能上の http://api.jquery.com/jQuery.data/での