关键词：
【中文标题】如何将选择器与 JavaScript 标识符正确组合？【英文标题】：How to properly combine selectors with JavaScript identifiers? 【发布时间】：2016-11-07 02:05:31 【问题描述】：我在 JavaScript 中选择了一个 DOM 元素。
var myParentElement = document.getElementById('myParentId');
现在，假设我想使用 jQuery 选择第一个元素，它是该元素的子元素，是可见的、启用的输入元素，并且具有给定属性的特定值（在这里，我想检查元素的名称）。
$([name="myChildName"]).children(':input:enabled:visible:first'); // ?
上面的sn-p是不正确的，我该如何解决呢？ （我懂一点 CSS，但不太懂 jQuery）。
附加要求：我仅限于 jQuery 1.7.2
编辑：抱歉，实际上比第一行稍微复杂一点，因为我有一个名字，而不是一个 ID。
无论如何，感谢您的建议，我找到了我正在寻找的解决方案： $("[name=' + myNameIdentifier +']").filter(":input:enabled:visible:first"); IIRC 第一对引号是必须的，不包括它们是一个明显的错误。
此外，我忽略了孩子、查找和过滤之间的区别，所以我的问题不清楚。我想选择具有给定名称的所有元素，然后对该选择应用过滤器（不关心孩子或后代）。
【问题讨论】：
【参考方案1】：使用children selector(>)
$('#myParentId > [name="myChildName"]:input:enabled:visible:first')
【讨论】：
我没有想到这一点，尽管它是如此明显:(谢谢！:)【参考方案2】：$.children() 返回一个元素的所有子元素，因此您的代码实际上试图在[name="myChildName"] 元素内部 找到:input:enabled:visible:first，而不仅仅是过滤它。你可能想要：
$('#myParentId').children(':first-child:enabled:visible')
【讨论】：
感谢您的解释，但是我不太明白，$([name="myChildName"]) 不应该给我一个元素列表，而不是一个元素吗？ （afaik，名称与 id 不同，在文档中不需要是唯一的）。另外，关于您提出的代码，不是 .children jQuery 特定的吗？ myParentElement 没有选择 jQuery 的方式，所以它是一个常规的 HTMLElement。他们不允许使用 jQuery 的 .children()，是吗？ 1.$([name="myChildName"]) 确实返回了一个列表。但是，.children() 并不意味着“列表的所有成员......”，它的意思是：“给定元素的子元素” 2. 你是对的，我刚刚修复了我的代码，以便它与 jquery 一起使用，而不是与常规 HTMLElement 对象一起使用。如何将多图像选择器与 Flutter Image Compress 一起使用？
】如何将多图像选择器与FlutterImageCompress一起使用？【英文标题】：HowtouseMultiImagepickerwithFlutterImageCompress?【发布时间】：2020-12-1216:57:42【问题描述】：我已经成功实现了颤振多图像选择器。但我想降低它的质量。我见过有人说它... 查看详情
如何将 2 个 Jquery UI 日期选择器与 Knockout 链接？
】如何将2个JqueryUI日期选择器与Knockout链接？【英文标题】：Howtolink2JqueryUIdatepickerswithKnockout?【发布时间】：2013-01-2120:04:08【问题描述】：我想将startDatePicker与endDatePicker链接，有没有办法将它们与Knockout.js链接？当用户选择一个... 查看详情
你可以将 jQuery 选择器与（稍微更多）高级逻辑组合在一起吗？
】你可以将jQuery选择器与（稍微更多）高级逻辑组合在一起吗？【英文标题】：CanyougroupjQueryselectorswith(slightlymore)advancedlogic?【发布时间】：2012-01-1421:03:32【问题描述】：我们正在开发一个过滤系统，您可以在其中获得一组选项... 查看详情
如何将数组元素组合成一个新数组？
...sintoanewarray?【发布时间】：2019-12-0508:40:05【问题描述】：Javascript新手（以及一般的编码，Excel函数之外），希望有人能帮助我指出正确的方向。我在网上搜索过，但没有找到明确的答案。我有两个数组-一个包含星期几，一个包... 查看详情
将 CSS plus 选择器与自定义组件一起使用
...元素。例如，选择h1s之后的所有divs：h1+divmargin-top:1rem;你如何在shadowDOM（或者Angular的虚拟shadowDOM）内部做同样的事情？也就 查看详情
将 JQuery 的日期选择器与引导程序一起使用
...，日期选择器如下所示：我假设只是格式/大小已更改。如何阻止格式被覆盖并使其看起来像原始格式？我已经尝试了以下方法。使用jquery而不 查看详情
jquery选择器与javascript易出错知识点
一．jQuery选择器基本选择器1.Id(根据给定的ID匹配一个元素。如果选择器中包含特殊字符，可以用两个斜杠转义。）jQuery代码为$(“#myclass”)若有特殊字符则HTML代码为<spanid=“myclass[1]”jQuery代码为$(“#myclass\[1\]”)2.Class(一个用... 查看详情
将原生 Google 帐户选择器与 B2C 结合使用
...这更像是一个AzureB2C问题，而不是Flutter/android问题：TLDR：如何使用Google访问令牌“ya29.Glss...”获取B2CJWT令牌“eyJhbGciO...”em>\'?我们正在构建一个使用AzureB2C来 查看详情
为啥将 * 选择器与 *::before 和 *::after 结合使用 [重复]
】为啥将*选择器与*::before和*::after结合使用[重复]【英文标题】：Whyuse*selectorincombinationwith*::beforeand*::after[duplicate]为什么将*选择器与*::before和*::after结合使用[重复]【发布时间】：2015-09-2719:32:02【问题描述】：我正在查看Twitter引... 查看详情
如何正确使用 Eel 将下拉值从 JavaScript 传递到 Python？
】如何正确使用Eel将下拉值从JavaScript传递到Python？【英文标题】：HowtopassdropdownvaluefromJavaScripttoPythonusingEelcorrectly?【发布时间】：2021-09-1605:10:13【问题描述】：我正在使用PythonEel创建一个GUI。在这个UI中，我有一个下拉菜单。用... 查看详情
将 MaterialUI 伪类选择器与 makeStyles 一起使用
】将MaterialUI伪类选择器与makeStyles一起使用【英文标题】：UseMaterialUIpseudo-classesselectorswithmakeStyles【发布时间】：2021-09-0108:59:36【问题描述】：根据docs，MaterialUI在组件处于某种状态时提供了某些伪类，例如selected我已经尝试过使... 查看详情
如何在javascript测验中为正确的选择和错误的选择着色？
】如何在javascript测验中为正确的选择和错误的选择着色？【英文标题】：Howtocolortherightchoiceandthewrongchoiceinjavascriptquiz?【发布时间】：2020-05-1613:11:56【问题描述】：当用户选择正确答案时，我想用绿色为按钮着色，错误时用红色... 查看详情
通过协议扩展将选择器与协议方法的默认实现一起使用
】通过协议扩展将选择器与协议方法的默认实现一起使用【英文标题】：Usingselectorswithdefaultimplementationsofprotocolmethodsviaprotocolextensions【发布时间】：2017-05-1619:40:49【问题描述】：我正在尝试制定一个ViewController可以实现的协议，... 查看详情
将复杂的 jquery 选择器与 PuppeteerSharp 一起使用
】将复杂的jquery选择器与PuppeteerSharp一起使用【英文标题】：UsecomplexjqueryselectorwithPuppeteerSharp【发布时间】：2021-12-0903:44:13【问题描述】：我是PuppeteerSharp的新手，我已经在互联网上搜索了几个小时以及文档，但我似乎没有找到... 查看详情
csscss复合选择器①(基础选择器与复合选择器|后代选择器)(代码片段)
文章目录一、基础选择器与复合选择器二、后代选择器1、语法说明2、示例分析3、完整代码示例一、基础选择器与复合选择器CSS基础选择器:在之前的博客中,介绍了CSS的基础选择器;标签选择器类选择器ID选择器通配符选择器在实... 查看详情
如何使用父/子在javascript中选择正确的div
】如何使用父/子在javascript中选择正确的div【英文标题】：howtoselecttherightdivinjavascriptusingparent/child【发布时间】：2013-03-2017:54:49【问题描述】：我有几个不同的div，看起来都像这样。$(document).ready(function()$(".show").click(function()$(".sh... 查看详情
符号表链接器与地址
符号表将标识符和其类型、位置关联起来，当我们去处理变量，函数的声明时，就是将这些信息组织（绑定）起来，放在表里，当需要知道这些函数，变量的意义时，就去这个表里查。 重定位。链接器把每个符号定义与一个... 查看详情
jquery学习-子选择器与可见性选择器
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>子选择器与可见性选择器</title><scriptsrc="js/jquery.js"></script><scripttype="text/javascript">$( 查看详情