jquery - jQuery でスタイルを切り替えますが、すべてを変更するわけではありません

Question

状況: 2 つのスタイル シートがあり、1 つは色情報 (サブフォルダーに応じてスイッチ) があり、もう 1 つは他のすべてが含まれています。

ボタンのサイズを変更するには、メインの css を交換する必要があります。

JS:

<script type="text/javascript" language="javascript" src="cookie.js"></script>
<script>
  if($.cookie("css")) {
     $("link").attr("href",$.cookie("css"));
  }
  $(document).ready(function() { 
  $("#nav li a").click(function() { 
     $("link").attr("href",$(this).attr('rel'));
     $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
     return false;
  });
});

HTML:

            <ul id="nav" style="float:right">
            <li><a href="#" rel="style1024.css">one</a></li>
            <li><a href="#" rel="style.css">two</a></li>
            </ul>

それはうまく機能しますが、唯一の問題は、スイッチャーがカラースタイルもクリックされたスタイルに切り替えるように見えることです. これはidタグで解決できますか？

私はこれを持っています：

<link rel='stylesheet' id='main-css'  href='style.css' type='text/css' media='all' />
<link rel='stylesheet' id='color-css'  href='teal.css' type='text/css' media='all' />

しかし、JS で「main-css rel」だけを変更するにはどうすればよいでしょうか。

Answer 1

CSS と同じように、ID で選択できます。

$("#main-css").attr("href",$.cookie("css"));