结合jQuery选择器(select和id)

时间:2012-10-30 15:09:49

标签: jquery jquery-selectors

See this fiddle for code

我在页面上有两个select控件,我想使用id和控件类型的组合选择其中一个。

如果我使用ID和控件类型,则jquery返回0的长度。

 $('#bothCount').text($('#Title select').length);

注意:在其他一些页面上,我有一个标识为Title的输入,这就是我想要过滤以仅选择控件的原因。

2 个答案:

答案 0 :(得分:4)

选择器

#Title select

...是descendant selector。它会查找具有select id元素后代的任何Title

如果你真的想要将标签和id结合起来,你可以这样做:

select#Title

E.g:

$('#bothCount').text($('select#Title').length);

请注意,这样做通常没什么意义,因为id值必须在页面上是唯一的。我知道的唯一用例是,如果你不知道该元素将具有什么标记,你只想对它采取行动如果它具有特定的标记类型,绝对是一个优势。

答案 1 :(得分:2)

将您的JQuery更改为:

$('#idCount').text($('#Title').length);

$('#bothCount').text($('select#Title').length);

$('#tagCount').text($('select').length);

请注意,在您尝试使用后代选择器之前,它现在是select#Title

以下是更新后的jsFiddle