javascript - JavaScriptとHTMLをより適切に分離するためのカスタム属性の追加

Question

jQueryとbackbone.jsを使用して、JavaScriptをHTMLから可能な限り分離したいと思います。JavaScriptとHTMLをより適切に分離するため
にを追加することは可能ですか？custom attributeそして、どうすれば新しいjQueryセレクターを使用できますか？

例：

<input type="text" id="todo-input" class="todo-input" tid="tid-attribute" > hello world </input>

// The DOM events
// I would like to use another selector tid and not class or id
events: {
  "keypress #todo-input" : "updateOnEnter" // I would like to use another selector tid not id,
  "keypress .todo-input" : "updateOnEnter" // I would like to use another selector tid and not class
}

Answer 1

HTML5では、次で始まるカスタムデータ属性を使用できますdata-。

<input type="text" data-custom-attr="somevalue">

次に、バックボーンイベント宣言で：

"keypress [data-custom-attr='somevalue']" : "updateOnEnter"

Answer 2

使用できます：

$('input[type="text"]').attr('tid', 'tid-attribute');

また

$('input[type="text"]').attr('data-tid', 'tid-attribute');