同じIDを持つ複数の選択肢内のオプションの数を調べる

Question

まず、複数の要素が1つのページに同じIDを持つことがベストプラクティスではないことがわかります。しかし、この場合、同じIDを持つ2つの選択肢が必要です。

私はこの方法を使用して、いくつかの成功を見てきました：

$('#undo_redo_to option').length; 
$('#undo_redo_to:eq(0) option').length; 
*$('#undo_redo_to:eq(1) option').length;* 

しかし、*さんに囲まれたコードは、私に適切な長さを与えるものではありません。

私の選択を作成し、デバッグを行った次のペンを参照してください。

LINK TO CODE

ありがとう！

Answer 1

：

eq()はjQueryセレクタです。 nth-child(2)に変更すると、CSSセレクタが使用されます。それはあなたが必要なものをあなたに与えます：

$('#undo_redo_to:nth-child(2) option').length; 

http://codepen.io/anon/pen/WwERGW?editors=1011

Answer 2

問題はjQueryが先にネイティブJS関数を使用しているため、$('#this_id')を実行すると効果的にdocument.getElementById('this_id')が呼び出されることです。それはあなたが選択して...ただのベストプラクティスに対して、それが実際に動作しませんループができていないですし、IDを確認：あなたはHTMLを継承しましたし、クラスにidを変更することはできませんと仮定

$('select option').each(function(){ 
    if($(this).closest('select').attr('id')=='my_id'){ 
    //do something 
    } 
}); 

Answer 3

あなたはこのように、ネイティブのJavaScriptでそれを行うことができます。

document.querySelectorAll("[id=undo_redo_to]") 

あなたはこのようなjQueryを使ってそれを行うことができます。

$("[id=undo_redo_to]") 

これは、#タイプセレクタが検索を停止するため、プロパティセレクタですそのidを持つ最初の要素が見つかったときに、

idは一意である必要があり、一意でない場合はHTMLが無効であり、SEOには悪いのでプレーンなjavascriptまたはjqueryを使用してこれを行うことはできますが、実行しないでください。