如何通过 jquery 选择器字符串查找 Div 元素以及输入元素答案

【问题标题】：How to find the Div elements along with the input elements through jquery selector string如何通过 jquery 选择器字符串查找 Div 元素以及输入元素
【发布时间】：2016-09-25 17:54:05
【问题描述】：

用于查找所有 ID 为 '-0'、'-1' 等的输入元素的 queryString .. 下面的代码工作正常

var queryString = ':input:focusable[id$="-' + index + '"]';

我还想找到以相同场景结尾的 div 元素.. 我如何更改查询？？

【问题讨论】：

var queryString = 'div[id$="-' + index + '"]';

标签： javascript jquery jquery-selectors

【解决方案1】：

您可以使用逗号添加额外的选择器：

var queryString = ':input:focusable[id$="-' + index + '"],div[id$="-' + index + '"]';

【讨论】：

我可以找到 div 元素......但我没有专注于 div 元素......我在一个场景中工作，当我点击 TAB 按钮时，它应该搜索所有输入元素和焦点列表中的一项一项...但是选择元素存在于 div 元素中，并且 div 元素具有 ID ..所以我需要关注...
@kumaran 我不认为我理解你正确。你能再解释一下吗？也许你有一个活生生的例子？
@kumaran 我不明白重点部分。你想用它做什么？你想只选择有焦点的 div 元素吗？
场景是我需要通过单击 TAB 按钮一个一个地聚焦所有输入元素......所以我正在编写一个查询来搜索所有输入元素......查询工作正常...... .当我在select元素中有id时......但在我的情况下select元素没有id ..相反，select元素外部的div元素有id ....所以我需要关注TAB 按钮单击时的 div 元素
试试这个查询：:input:focusable[id$="-' + index + '"], div[id$="-' + index + '"] :input:focusable

【解决方案2】：

做起来

var queryString = ':input:focusable[id$="-' + index + '"], div[id$="-' + index + '"]';

使用comma , 可以将选择器添加到相同的查询字符串中。

编辑

但是选择元素存在于 div 元素中，并且 div 元素有 ID

试试这个

var queryString = 'div[id$="-' + index + '"]:input:focusable';

【讨论】：

我可以找到 div 元素......但我没有专注于 div 元素......我在一个场景中工作，当我点击 TAB 按钮时，它应该搜索所有输入元素和焦点列表中的一项一项...但是选择元素存在于 div 元素中，并且 div 元素具有 ID ..所以我需要关注...