セレクタでカンマを使って異なる要素の OR をとる

ホーム > Postal Search Ajax API with jQuery > Selectors

次のように、異なる要素に対して同じ操作をするときは、

      $('#c1')
        .ToolTip({
            className: 'tooltip',
            position: 'mouse',
            delay: 500
          });

      $('#c2')
        .ToolTip({
            className: 'tooltip',
            position: 'mouse',
            delay: 500
          });

      $('.handle')
        .ToolTip({
            className: 'tooltip',
            position: 'mouse',
            delay: 500
          });

      $('a', '#r')
        .ToolTip({
            className: 'tooltip',
            position: 'mouse',
            delay: 500
          });

次のように、カンマを使えばよいですね。

   $('#c1, #c2, .handle, #r a')
     .ToolTip({
       className: 'tooltip',
       position: 'mouse',
       delay: 500
    });

カンマが OR と連想しにくい気がしますが、覚えてしまえば JavaScript コードのタイプ数をかなり減らせます。

セレクタでカンマを使って異なる要素の OR をとる

関連情報