jquery - 如何使用 jquery 访问 DOM 内的下拉列表元素？

Question

这是代码。我正在尝试访问 DOM 的下拉列表元素。

boot.html

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"    data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="">dummy name</a>
        </div>
        <div class="navbar-collapse collapse" style="height: 5px;">
           <ul class="nav navbar-nav">
                <li class="active"><a href="./index1.html">Home</a></li>
                <li><a href="#">About us</a></li>
                <li><a href="#">Solutions</a></li>
                <li><a href="#">Customers</a></li>

                <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Switch      Theme<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li> <a href="boot.html" tabindex="-1">Dark</a>     </li>
                        <li>  <a href="boot.html" tabindex="-1">Apple</a>       </li>
                        <li>  <a href="boot.html" tabindex="-1" >Blue</a>     </li>
                <li>  <a href="boot.html" tabindex="-1">Pearl</a>     </li>
               <li>  <a href="boot.html" tabindex="-1">Box</a>     </li>
               <li>  <a href="boot.html" tabindex="-1">Pane</a>     </li>
               <li>  <a href="boot.html" tabindex="-1">glue</a>     </li>
               <li>  <a href="boot.html" tabindex="-1">Gun</a>     </li>
               <li>  <a href="boot.html" tabindex="-1">Interim</a>     </li>
               <li>  <a href="boot.html" tabindex="-1">Squash</a>     </li>
                    </ul>
                </li>
            </ul>

        </div><!--/.nav-collapse -->
      </div>
    </div> 

和访问CSS文件的标签:

 <link class="me" href="css/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">

这是我使用的 jquery 代码。我正在尝试更改标签以指向不同的 css 文件，但它不会更改链接标签以指向我所需的 css 文件:

<script>
var link = $('link.me');

(function(){ $('ul.dropdown-menu').children('li').click(function(){link.attr('href','cssh/jquery-ui-1.10.4.custom.min.css')});}
)();
</script>

Answer 1

类别归因错误

尝试

<link class="me" href="css/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">

脚本

    $(window).load(function () {
    var link = $('link.me');
    $('ul.dropdown-menu li').click(function (e) {
        e.preventDefault();
        link.attr('href', 'css/jquery-ui-1.10.4.custom.min.css') //check css/ or cssh/
    });
   });