CoffeeScriptで、一部クラスのみ対象外にする記法

Question

CoffeeScriptで、一部クラスのみ対象外にする記法を教えて下さい。
jQueryでは情報が見つかったのですが、CoffeeScriptに関しては出てこず困っております。

例えば、このようにclassesをクリックするとsomeFuncが発動する場合で、
このうち、c-class以下にあるc-class-noincludeクラスを除外するにはどのように記述すれば良いでしょうか？

classes = '.a-class, .b-class, .c-class'
$('something').on 'click', classes, (e) ->
　　someFunc()

Comments

[maisumakun]

> jQueryでは情報が見つかったのですが

どのようなものでしたでしょうか？

[neoz]

こちらを参考にしましたが、仮にdivの当該classを除外という記法にしてもNGでした。
もしかすると、今回class指定がcoffee script方式で特殊だからでしょうか？
https://teratail.com/questions/29945

Answer 1

jQueryでは情報が見つかったのですが、CoffeeScriptに関しては出てこず困っております。

CoffeeScriptを使っても、jQuery部分については何も変わりません。jQuery+JavaScriptで書いたコードのJavaScriptを、そのままCoffeeScriptに書き換えればいいだけです。

Comments

[maisumakun]

質問文にご提示のコードも、CoffeeScript+jQueryのコードのようです。

[neoz]

ありがとうございます。jQueryなら調べてわかったつもりだったのですが、やってみると動かないので間違っているかもしれません。
$('body').not('.c-class-noinclude')とするとあったのですが、うまくいきません。

[maisumakun]

> $('body').not('.c-class-noinclude')とするとあったのですが、うまくいきません。

それは、「bodyにc-class-noincludeというクラスが付いていたら空のjQueryオブジェクト、そうでなければbody要素を含んだjQueryオブジェクト」という意味になります（JavaScriptでもCoffeeScriptでも変わりません）。

[maisumakun]

> もしかすると、今回class指定がcoffee script方式で特殊だからでしょうか？

違います。JavaScriptかCoffeeScriptかとは無関係です。

.onでイベントを拾う場合、条件は「セレクタ文字列1つ」でしか適用できません（.notのようなものを使う余地はありません）。適用する条件をどうにかセレクタ1本で表すか、セレクタ自体は広めにしておいてイベントハンドラ内部で改めて条件分岐するか、そのどちらかになります。

[neoz]

あるclassの一部をクリックしたときだけ反応してほしくないので、イベントハンドラ内部で改めて条件分岐になるかと思います。
if $('div').hasClass('.c-class-noinclude')で条件分岐してみましたが、これだと常にtrueになる気がしてきました。今回の場合だと、どう分岐させるべきでしょうか…

[neoz]

今回のケースで必要な動作要件を再定義してif文を作って解決しました。ありがとうございました。