How can i access dropdown list elements which is inside the DOM using jquery? -

How can i access dropdown list elements which is inside the DOM using jquery? -

this code. trying access dropdown list elements of 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>

and tag access css file:

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

this jquery code used. trying alter tag point different css file doesnt alter link tag point desired css file:

<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>

error in class attribution

try with

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

script

$(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/ }); });

jquery