jquery - jQueryセレクター（selectとid）の組み合わせ

Question

コードについては、このフィドルを参照してください

1つselectのページに2つのコントロールがあり、IDとコントロールタイプの組み合わせを使用してそのうちの1つを選択したいと思います。

IDとコントロールタイプを使用すると、jqueryは長さを返します0。

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

注意：他のページにidの入力があるTitleので、フィルターをかけてコントロールのみを選択したいと思います。

Answer 1

セレクター

#Title select

...は子孫セレクターです。selectを持つ要素の子孫であるすべてを探しますid Title。

tag と を本当に結合したい場合はid、次のようにします。

select#Title

例えば：

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

ただし、id値はページ上で一意でなければならないため、通常はほとんど意味がないことに注意してください。私が知っている唯一のユースケースは、要素が持つタグがわからず、特定のタグタイプがある場合にのみそれを操作したい場合です。これは間違いなくエッジケースです。

Answer 2

JQuery を次のように変更します。

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

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

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

select#Title子孫セレクターを使用しようとする前と同じになっていることに注意してください。

これが更新されたjsFiddleです。