1つのリファレンスを参照する

私は連絡先リストを持っています。各liには、すべての連絡先の詳細と連絡先の編集/削除のための2つのdivsが含まれています。私の問題は、関連する編集ボタンをクリックして個々の連絡先を編集できるようにすることです。モバイル用に設計されているので、別のモーダルウィンドウを開いたり、別のテンプレートをliに追加したりしないように、html contenteditable属性をtrueに設定します。しかし、私はちょうど1つの連絡先にこれを行う方法を見つけることができない、基本的にすべての連絡先は私がしたくないものが編集可能になります。私はさまざまなjQueryセレクタ/トラバーサルメソッドを試してみましたが、これを使用していますが、私が探している振る舞いを持っていません。どんな助けでも大歓迎です。ありがとうございます1つのリファレンスを参照する

出典

2016-12-01 nigeljames

にあなたを導くべきである

Template.toto.events ({ "click .edit" : function(e){ var par = $(event.target).parent("li"); par.children("p").... // find children to make them editable } });

必要があるあなたは既に試したものを私たちに示すためにいくつかのコードを入力してください。 –

いくつかのHTMLを表示すると、正しい方向に向けるのが簡単になります –

Jqueryを使用している場合、ソリューションには親セレクタが付属します。

ボタンでイベントをキャッチすると、親のliを見るだけで済みます。そして、すべての子どもを見つけて、それらを入力に変換することができます。

このコードは機能しません。編集これはあなたのソリューション

出典

2016-12-01 15:09:10 RPresle

1つのリファレンスを参照する

答えて

関連する問題