jQueryのremoveClassで複数の要素をセレクタに指定したい

Question

多分とても初歩的な質問だと思うのですが、検索でうまく答えが見つけられず、アドバイスいただけましたら幸いです。

前提・実現したいこと

jQuery($navi2nd).removeClass('is-open');
jQuery($navi3rd).removeClass('is-open');
jQuery($navi4th).removeClass('is-open');

上記のようなコードを書いていたのですが、同じ動きをするためコードをまとめたいと思い、下記のようにまとめてみました。

jQuery($navi2nd,$navi3rd,$navi4th).removeClass('is-open');

すると、ひとつめの$navi2ndにしか処理が走りませんでした。
調べてみると複数のセレクタを使用したい場合は上記のような書き方がひっかかったのですが、removeClassの場合はこの方法は使えないのでしょうか…？（調べてでてきた例は.cssでの処理でした）

jQueryのバージョン3.2.1

Answer 1

調べてみると複数のセレクタを使用したい場合は上記のような書き方がひっかかったのですが、removeClassの場合はこの方法は使えないのでしょうか…？

セレクタであればコンマ区切りでひとつながりになった文字列を指定することで可能です。

jQuery('p.foo, #bar, div.baz').removeClass('is-open');

複数のjQueryオブジェクトに対して一括で適用したい場合、.addでまとめる方法が考えられます（jQuery公式）。

jQuery($navi2nd).add($navi3rd).add($navi4th).removeClass('is-open');

Comments

[moimoimoimoi]

早急な回答ありがとうございます！すっきりまとまって意図通りの動きになりました。大変助かりました。

Answer 2

セレクタは文字列で指定してください

<style>
.hoge{color:red}
</style>
<script>
$(function(){
  var a="#x1",b="#x2",c="#x4";
  $([a,b,c].join(",")).removeClass('hoge');
});
</script>
<div id="x1" class="hoge">x1</div>
<div id="x2" class="hoge">x2</div>
<div id="x3" class="hoge">x3</div>
<div id="x4" class="hoge">x4</div>
<div id="x5" class="hoge">x5</div>

Comments

[moimoimoimoi]

早急な回答ありがとうございます！上の方とは別の方法で参考になりました。次に活かせればと思います。