javascriptはデータ属性と値を使用してcontenteditable領域に焦点を当てています

Question

私は既にid属性を持っていてもいなくてもよいcontenteditable領域でいっぱいのテンプレートを持っています。 1つの違いは、すべてが一意のデータ値を含んでいるため、カーソルをターゲットにして特定の領域でカーソルをプログラムに合わせて編集するのに役立てたいと考えています。

私はVARにこの方法データ - 値を保存する場合：

textArea[0] = this.getAttribute("data-id"); 

を、私のユーザーは、彼らが、私はそれに戻って、カーソルを強制することができますどのように、現在で動作しているのcontentEditableエリアに焦点を当て失い？

document.[data-id=textArea[0]].focus(); 

ありがとうございます。あなたはバニラのJSを使用している場合

Answer 1

、あなたのような何かを書くことができます。

document.querySelectorAll('[data-id="' + dataId + '"]')[0].focus() 

あなただけ持つことができますあなたはjQueryのを使用できる場合

（属性によって要素を選択する方法についてthis answerを確認してください）：

をあなたはまた、 this fiddle