小编Tim*_*imo的帖子

当CSS选择器匹配N个元素时,如何仅获取某个索引处的那个元素?

这是我在的地方:

// Running this CSS selector:
$(".contact-form form")

// Returns this:
// [form, form]
Run Code Online (Sandbox Code Playgroud)

我希望能够只获得这些表格中的第一个,或者仅仅是第二个表格.

我试过使用一些CSS假选择器,但没有任何效果:

$(".contact-form form:first-of-type")
// [form, form]

$(".contact-form form:nth-of-type(1)")
// [form, form]
Run Code Online (Sandbox Code Playgroud)

我也尝试过使用这些伪选择器.contact-form代替form:

$(".contact-form")
// [div.modal-inner.contact-form, div.modal-inner.contact-form]

$(".contact-form:first-of-type")
// [div.modal-inner.contact-form, div.modal-inner.contact-form]

$(".contact-form:nth-of-type(1)")
// [div.modal-inner.contact-form, div.modal-inner.contact-form]
Run Code Online (Sandbox Code Playgroud)

我知道我可以使用数组索引来获取第一个或第二个,但我希望有一种方法可以使用CSS选择器来完成它.这是因为我有一个现有的API接受CSS选择器的输入,但不处理其他jQuery指令.

css jquery jquery-selectors

1
推荐指数
1
解决办法
56
查看次数

标签 统计

css ×1

jquery ×1

jquery-selectors ×1