jQuery "focus"はあるインスタンスでは動作しますが、他のインスタンスでは動作しません

Question

jQueryメソッドfocusで少し前にコードを書きました。それは今働いていて、それは今でも今働いています。しかし、今私は、同じアプリで、同じ方法で事実上同じコードを書くことを試みましたが、何もしませんでした。実際には、このメソッドの新しく書かれた使用法は機能しません。でも見知らぬ人、それはjsfiddleのいずれかで動作していないよう：

https://jsfiddle.net/3jmmL7ya/1/

<div id="click">CLICK ME</div><br> 
<input id="focus" name="focus"></input> 

<script type="text/javascript"> 
    $("#click").click(function() { 
    $(':input[name="focus"]').focus(); 
    }); 

    $("#click").click(function() { 
    $("#focus").focus(); 
    }); 
</script> 

それは無関係かもしれないが、私はそれは私が最近、Railsの方法respond_to do |format|と同様の問題があったことを言及する価値だと思います。これまではうまくいきましたが、私の古いコードはまだ動作しますが、新しいコードを書くと "Unknown Format"エラーが発生します。詳細here.

私はjQuery 1.10.0とRails 4.0.10を使用しています。

私は何かばかげたばかげたやり方をしているか、かなり奇妙なことが起こっています。

UPDATE

わかりました、私はそれが

$("#click").click(function() { 
    $("#focus").focus(); 
    }); 

で動作するようになった。しかし、私はJSコンソールに$("#focus").focus();に入力すると、入力が選択されていますが、何も起こりません。これは予想される動作ですか？

Answer 1

これは、イベントを接続するためにIDセレクタを使用しているためです。

Idは定義上一意であると考えられます。 idを使用すると、jQueryは自動的に一致する要素を選択します。これを解決するには、要素にクラスを追加し、そのセレクタを代わりに使用します。