従来の ASP アプリケーションと統合する必要がある HTML/CSS メニューがあります。ユーザーまたは環境に応じて、クライアント側のさまざまな条件に基づいて、特定のメニュー項目が表示または非表示になります。
ほとんどの場合、クライアント側の条件によって 1 つのメニュー項目を表示するか非表示にするかが決まりますが、項目のグループがクライアント側で同じ条件を必要とする場合があります。これが紛らわしい場合は事前に申し訳ありませんが、例を次に示します。
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
<li>Link 4</li>
上記の例では、リンク 1、2、および 4 は variable の場合にのみ表示されますbFoo == 60。リンク 3 は関係なく表示されます。
シーケンシャルである場合とそうでない場合がある要素のグループに特定のロジックを適用するための最良のアプローチは何だろうと思っています。明らかに、各要素に個別の ID を割り当て、次のようにセレクターでグループ化できます。
$("#link1, #link2, #link4").toggle(bFoo == 60);
次のように、要素に共通のクラスを与えることもできます。
$(".special-links").toggle(bFoo == 60);
明確にするために最初のオプションに傾いていますが、まだ検討していないより良いオプションがあるかどうか疑問に思っています. 上記の例には、100 以上のリンクを含むメニュー全体にさまざまなバリエーションがあるため、ソリューションをできるだけ保守しやすくしたいと考えています。私が上で述べたことは、私が望むことができる最高のものですか、それとも私は今本当に愚かで、明白で簡単な解決策を見落としていますか?
私が求めていることが理にかなっていることを願っています。私の質問が不明な場合は、お知らせください。より適切に説明できるように努めます。