検索された数値に対応したIDの要素を指定したい。

解決したいこと

LaravelとVueを使った座席検索サイトを作っています（Laravelというより、VueやCSSがメインになりそうですが…）
機能としては、
チケット番号を入力すれば自分の座席の位置がわかるというサービスで、12000席ほどある会場で作ろうとしています。
HTMLとCSSで会場を再現し、座席を<td>要素でエリア分けしています。
エリアは120個ほどです。

次にメインとなる、検索された座席番号に対応した要素を光らせるという機能をつけようとしています。
今考えているのは、
一つ一つの要素に、1~10番、11~20番、21~30番などと10刻みでIDを付け、
例えば13番という席番号が検索された場合は、
IDに13が含まれている要素(この場合だと11~20番の要素)を光らせるというようなやり方なのですが、これは良いと思いますか？

また、このやり方を再現するにはどのような技術を使えば効率よく開発ができるかアドバイスいただきたいです。
もし他にもっと効率の良い書き方がありましたら教えてください、、

<div class="stand-2l">
  <h>2階席L</h>
  <span v-for="n in 5" :key="n">
    <tr class="stand-2lTop">
      <td>L0{{ 2 * n - 1 }}</td>
    </tr>
    <tr class="stand-2lBottom">
       <td v-if="n != 5">L0{{ 2 * n }}</td>
       <td v-if="n === 5">L{{ 2 * n }}</td>
    </tr>
  </span>
</div>