为什么在jQuery中使用`add()`时选择范围未扩展

用户名

我有一个带有3个输入字段的表单。HTML看起来像:

<label>Name </label> <input .../>
<label>Email </label> <input .../>
<label> Password </label><input .../>

我为输入标记保留了代码,因为这与这里无关。现在在脚本部分中,我想在我的一些<label>标签中添加一个“彩色”类,以#333为这些标签的背景着色(嗯,不要介意目标。我知道通过以下方式选择标签非常容易只需将所需的标签包装在类或id中即可。但是我正在练习,想使用更复杂的jQuery选择器选择元素)。我尝试了这个:

$('label:nth-child (1)').add ('label:nth-child (2)').addClass ('colored')

但是它仅对第一个标签(具有值Name的标签)上色。怎么了?

TJ人群

这是一个普遍的误解。出于与一起使用的索引的目的,该:nth-child元素是否为标签并不重要。label:nth-child(2)标记中没有任何内容,因为该:nth-child(2)元素是一个input(假设您显示的内容位于其父元素的开头)。

您可以通过jQuery的.eq方法来实现您想做的事情

$('label:nth-child (1)').add($('label').eq(1)).addClass('colored');

(与不同:nth-child,的索引.eq从零开始)

或更可能的是:

$('label').eq(0).add($('label').eq(1)).addClass('colored');

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在for循环中使用负范围时,为什么Python不抛出ValueError?

来自分类Dev

在Haskell中使用范围时,为什么map返回一个附加元素?

来自分类Dev

在angularjs中使用ng-repeat时扩展$ index的范围

来自分类Dev

在选择查询中使用反引号时,为什么SQL查询返回表数据?

来自分类Dev

扩展jQuery选择器时,“ s”是什么

来自分类Dev

为什么动态创建的微调器在选择时未关闭

来自分类Dev

为什么在jQuery插件中使用$(this)代替?

来自分类Dev

在sed中使用扩展正则表达式(ERE)选项时,为什么美元与字面美元不匹配?

来自分类Dev

当最新的过程是“通知发送”时,为什么不能在Bash中使用带有参数扩展功能的`kill $!`?

来自分类Dev

在sed中使用扩展正则表达式(ERE)选项时,为什么美元与字面美元不匹配?

来自分类Dev

在C ++ 20中使用范围时,为什么管道运算符不起作用?

来自分类Dev

在for循环初始化中使用let时,为什么封闭范围中没有let变量?

来自分类Dev

为什么在调用jQuery插件时未调用此函数

来自分类Dev

范围反转时为什么要使用range_iterator?

来自分类Dev

为什么不鼓励在选择语句中使用通配符*?

来自分类Dev

蜂巢:为什么要在选择中使用分区?

来自分类Dev

为什么不鼓励在选择语句中使用通配符*?

来自分类Dev

当我从jQuery中选择值时,AngularJS范围未更新

来自分类Dev

当我从jQuery中选择值时,AngularJS范围未更新

来自分类Dev

使用JQuery选择下拉值时,类未更改

来自分类Dev

扩展App时为什么未初始化对象字段?

来自分类Dev

为什么在reactJS中导入组件时未添加.js [文件扩展名]?

来自分类Dev

为什么xpath在使用`not`时不选择空类的元素?

来自分类Dev

在 swift 3 中使用扩展时使用未解析的标识符

来自分类Dev

为什么在 Selenium 中使用 add_experimental_option?

来自分类Dev

为什么在Azure DevOps扩展的task.json中使用#regex?它要检查什么?

来自分类Dev

为什么在查询中使用LIMIT时MySQL变慢?

来自分类Dev

为什么在python中使用列表时出现错误?

来自分类Dev

在AngualrJS中使用controllerAs时为什么没有输出

Related 相关文章

  1. 1

    在for循环中使用负范围时,为什么Python不抛出ValueError?

  2. 2

    在Haskell中使用范围时,为什么map返回一个附加元素?

  3. 3

    在angularjs中使用ng-repeat时扩展$ index的范围

  4. 4

    在选择查询中使用反引号时,为什么SQL查询返回表数据?

  5. 5

    扩展jQuery选择器时,“ s”是什么

  6. 6

    为什么动态创建的微调器在选择时未关闭

  7. 7

    为什么在jQuery插件中使用$(this)代替?

  8. 8

    在sed中使用扩展正则表达式(ERE)选项时,为什么美元与字面美元不匹配?

  9. 9

    当最新的过程是“通知发送”时,为什么不能在Bash中使用带有参数扩展功能的`kill $!`?

  10. 10

    在sed中使用扩展正则表达式(ERE)选项时,为什么美元与字面美元不匹配?

  11. 11

    在C ++ 20中使用范围时,为什么管道运算符不起作用?

  12. 12

    在for循环初始化中使用let时,为什么封闭范围中没有let变量?

  13. 13

    为什么在调用jQuery插件时未调用此函数

  14. 14

    范围反转时为什么要使用range_iterator?

  15. 15

    为什么不鼓励在选择语句中使用通配符*?

  16. 16

    蜂巢:为什么要在选择中使用分区?

  17. 17

    为什么不鼓励在选择语句中使用通配符*?

  18. 18

    当我从jQuery中选择值时,AngularJS范围未更新

  19. 19

    当我从jQuery中选择值时,AngularJS范围未更新

  20. 20

    使用JQuery选择下拉值时,类未更改

  21. 21

    扩展App时为什么未初始化对象字段?

  22. 22

    为什么在reactJS中导入组件时未添加.js [文件扩展名]?

  23. 23

    为什么xpath在使用`not`时不选择空类的元素?

  24. 24

    在 swift 3 中使用扩展时使用未解析的标识符

  25. 25

    为什么在 Selenium 中使用 add_experimental_option?

  26. 26

    为什么在Azure DevOps扩展的task.json中使用#regex?它要检查什么?

  27. 27

    为什么在查询中使用LIMIT时MySQL变慢?

  28. 28

    为什么在python中使用列表时出现错误?

  29. 29

    在AngualrJS中使用controllerAs时为什么没有输出

热门标签

归档