聚焦最近的 Div 个元素，共 Select 个元素

Question

我有select个元素

  <select id="tokenize" multiple="multiple" 
class="tokenize" style="margin: 0px;
 padding: 0px; border: 0px; display: none;"/>

在 select 元素下有 div 和 class

<div class="tokenize Tokenize">
<ul class="TokensContainer ui-sortable">
<li class="Placeholder" style="display: list-item;">
enter Position</li><li class="TokenSearch">
<input size="5"></li></ul><ul class="Dropdown"
 style="display: none;"></ul></div>

我想通过 javascript 动态创建最接近 select.That div 的 div，所以我无法通过 [= 修复它25=] 所以我尝试 javascript.I 想关注最近的 select 元素（它是 id tokenize）div（它是 class tokenize）

我试过了，但没用

  document.getElementById(Select-Element-ID).firstElementChild.focus().select();

Answer 1

您必须将 tabindex 属性添加到 div 以使其可聚焦。
资料来源：https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

更新：

var $inputToFocus = document.getElementById(Select-Element-ID).nextElementSibling.querySelector('.TokenSearch input');

$inputToFocus.focus();

Answer 2

这是使用 Jquery.. 解决问题的最先进方法而且非常简单

$("#tokenize").closest("div").focus();

聚焦最近的 Div 个元素，共 Select 个元素

Focus Nearest Div of Select Element

javascript

html

css

jquery-tokeninput

tokenize2