Jqueryの.get()について、コードを一つにまとめたい

Question

前提

javascriptにてアニメーションのあるサイト作りを行っています。
Jqueryを使っているのですが、無駄が多いコードを書いている気がするので、
なんとか短くまとめたく、質問させていただきます。

コード

<hr><hr><hr><hr><hr><hr><hr><hr><hr>･･･

hr {
  width: 0;
  transition: 1000ms linear;
}
hr.is-show {
    width: 100%;
}

  $('hr').get(0).classList.add('is-show');
  $('hr').get(1).classList.add('is-show');
  $('hr').get(2).classList.add('is-show');
･･･

質問内容

JSにてhrにクラスを付与し、アニメーションするコードを書いていますが、
hrが20個あるため、.get()の数字部分を一つ一つ変えて書いたので20行クラス付与のコードが続いてしまいました。
これに関してもう少し簡略化したコードの書き方はないでしょうか？ご教示願います。

Answer 1

<hr>に全部クラスをつければいいのであれば、$('hr').addClass('is-show')だけでOKです。

Comments

[GoMaSio]

解決しました！
初めての質問で回答していただけるか不安でしたが、分かりやすくかつ迅速な回答に助かりました！
本当にありがとうございます！