javascript設置專注於使用數據屬性和值的contenteditable區域

Question

我有一個完整的contenteditable區域模板可能或可能不具有id屬性。唯一的區別是它們都包含唯一的數據值，所以我想用它們來幫助我將光標定位/聚焦在特定區域進行編輯。

如果我這種方式保存在VAR數據 - 值：

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

和我的用戶失去專注於他們目前的工作在CONTENTEDITABLE區，我怎麼能強迫光標回嗎？

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

謝謝你的時間。

Answer 1

如果使用香草JS，你可以寫這樣的：

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

（請參閱有關如何選擇由實體元素this answer）

如果你可以使用jQuery你可以有：

$('[data-id="' + dataId + '"]').focus(); 

您也可以this fiddle檢查情況