如何将nth-child选择器与jquery的子选择器一起使用?

杰伊

这工作正常:

$(“#element”)。find(“> tr> td> i> a”)

但是我试图使用nth-child选择器来表示我想要一个特定编号的孩子。例如,我想要:

$(“#element”)。find(“> tr> td> i> a:nth-​​child(3)”)

我没有任何结果。有人对我如何选择所有n个编号的孩子有任何想法吗?提前致谢!

麦基

首先,除非非常需要执行直接后代(>)选择器,否则我认为没有必要包含它们,您也可以适当地缩短CSS选择器:

//Select 3rd <a> tag, within the context of #element td
$('a:nth-child(3)', '#element td');
   //or
$('#element td a:nth-child(3)')

小提琴:http//jsfiddle.net/KGWuK/

虽然,当前提供给问题的选择器仅在您的HTML结构为:

 <td>
     <i>
         <a>One</a>
         <a>Two</a>
         <a>Three</a>
     </i>
 </td>    

这不是一种非常可取的标记样式。那是因为原始选择器正在选择<a>那些标签的直接子项的标签<i>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用jquery遍历选择器?

来自分类Dev

如何通过jquery选择器选择parent的子元素?

来自分类Dev

CSS选择器:nth-child(even)与jQuery(“:even”)

来自分类Dev

如何在JQuery中将相邻的同级选择器与“ this”一起使用?

来自分类Dev

我可以将JQuery“ this”与后代选择器一起使用吗?

来自分类Dev

将选择器与csQuery一起使用

来自分类Dev

将this关键字与jQuery选择器一起使用

来自分类Dev

如何使jQuery UI日期选择器与angular2一起使用?

来自分类Dev

如何将选择器(SEL)与objc_setAssociatedObject一起使用?

来自分类Dev

将变量与jquery选择器一起使用

来自分类Dev

将:host-context()与相邻的同级选择器一起使用

来自分类Dev

如何将Tablesorter与列选择器小部件一起使用-错误?

来自分类Dev

如何在ngrx中将withLatestFrom与选择器一起使用?

来自分类Dev

将Cypress cy.get()与包含选择器一起使用无法正常工作

来自分类Dev

:nth-child选择器与另一个选择器冲突

来自分类Dev

如何一起使用焦点和占位符选择器

来自分类Dev

如何将jquery子选择器(>)与变量一起使用?

来自分类Dev

复杂的CSS选择器-将“和”与类选择器一起使用

来自分类Dev

流星-jQuery nth-child选择器

来自分类Dev

如何使多个日期选择器与altFields一起使用?

来自分类Dev

将':: after'选择器与同级的'+'选择器一起使用

来自分类Dev

Powershell-如何将“删除项”与多个选择器和通配符一起使用?

来自分类Dev

将内容与before psuedo选择器一起使用以强制换行

来自分类Dev

如何在JQuery中将相邻的同级选择器与“ this”一起使用?

来自分类Dev

将this关键字与jQuery选择器一起使用

来自分类Dev

无法使用JQuery / CSS选择子元素:nth-child选择器

来自分类Dev

如何将多个 CSS 动画 nth-of-type 选择器合二为一?

来自分类Dev

将返回的 SQL 数组与随机结果选择器一起使用

来自分类Dev

尝试将 Jquery .load() 与多个 Id 选择器一起使用但没有成功

Related 相关文章

  1. 1

    如何使用jquery遍历选择器?

  2. 2

    如何通过jquery选择器选择parent的子元素?

  3. 3

    CSS选择器:nth-child(even)与jQuery(“:even”)

  4. 4

    如何在JQuery中将相邻的同级选择器与“ this”一起使用?

  5. 5

    我可以将JQuery“ this”与后代选择器一起使用吗?

  6. 6

    将选择器与csQuery一起使用

  7. 7

    将this关键字与jQuery选择器一起使用

  8. 8

    如何使jQuery UI日期选择器与angular2一起使用?

  9. 9

    如何将选择器(SEL)与objc_setAssociatedObject一起使用?

  10. 10

    将变量与jquery选择器一起使用

  11. 11

    将:host-context()与相邻的同级选择器一起使用

  12. 12

    如何将Tablesorter与列选择器小部件一起使用-错误?

  13. 13

    如何在ngrx中将withLatestFrom与选择器一起使用?

  14. 14

    将Cypress cy.get()与包含选择器一起使用无法正常工作

  15. 15

    :nth-child选择器与另一个选择器冲突

  16. 16

    如何一起使用焦点和占位符选择器

  17. 17

    如何将jquery子选择器(>)与变量一起使用?

  18. 18

    复杂的CSS选择器-将“和”与类选择器一起使用

  19. 19

    流星-jQuery nth-child选择器

  20. 20

    如何使多个日期选择器与altFields一起使用?

  21. 21

    将':: after'选择器与同级的'+'选择器一起使用

  22. 22

    Powershell-如何将“删除项”与多个选择器和通配符一起使用?

  23. 23

    将内容与before psuedo选择器一起使用以强制换行

  24. 24

    如何在JQuery中将相邻的同级选择器与“ this”一起使用?

  25. 25

    将this关键字与jQuery选择器一起使用

  26. 26

    无法使用JQuery / CSS选择子元素:nth-child选择器

  27. 27

    如何将多个 CSS 动画 nth-of-type 选择器合二为一?

  28. 28

    将返回的 SQL 数组与随机结果选择器一起使用

  29. 29

    尝试将 Jquery .load() 与多个 Id 选择器一起使用但没有成功

热门标签

归档