2012-10-30 134 views
0

See this fiddle for code結合jQuery選擇(選擇和id)

我有一個頁面上有兩個select控制,我想用的ID的組合以及控制種類來選擇其中之一。

如果我使用ID和控件類型,jquery返回的長度爲0

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

注:在其他一些網頁,我有ID Title輸入,這就是爲什麼我要篩選下來,只選擇控制。

+1

你的意思是'$('select#Title')。length'? '$('#Title select')。length'是否有意義?您正在嘗試查找ID爲「Title」的元素中的select元素。 – undefined

+0

ID必須是唯一的。如果你沒有使用唯一的ID,你可能會得到意想不到的結果。 –

回答

4

的選擇

#Title select 

...是一個descendant selector。它尋找任何select這是idTitle元素的後代。

如果你真的想要的標籤和id結合起來,你做這樣的:

select#Title 

如:

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

注意,通常有小點,這樣做,但是,因爲id值在頁面上必須是唯一的。我知道的唯一用例是如果你不知道該元素將具有什麼標籤,並且只想對其採取行動如果它具有特定的標籤類型,這肯定是邊緣情況。

2

改變你的jQuery來此:

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

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

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

通知,現在select#Title是之前你試圖使用後代選擇。

這是更新的jsFiddle