how to find image width and add same with on LI?
Hi i'm not developer so need small help. here is what i have got now.
now i need to find image width and add on newly added li that wrap image.
- <!DOCTYPE html>
- <html>
- <head>
- <title></title>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
- </head>
- <body>
- <nav class="navigation">
- <ul>
- <li class="nav-women">
- <a class="level-top" href="women"><span>women</span></a>
- <ul class="level0">
- <li class="nav-features">
- <a href="women/features"><span>FEATURES</span></a>
- <ul class="level1 ">
- <li class="nav-new-arrivals">
- <a href="women/features/new-arrivals"><span>New Arrivals</span></a>
- </li>
- </ul>
- </li>
- <li class="nav-categories">
- <a href="women/categories"><span>CATEGORIES</span></a>
- <ul class="level1 submenu sub0">
- <li class="nav-sweaters">
- <a href="#"><span>Sweaters</span></a>
- </li> </ul>
- </li>
- </ul>
- </li>
- <li class="nav-mens">
- <a class="level-top" href="mens"><span>mens</span></a>
- <ul class="level0 submenu sub2">
- <li class="nav-features">
- <a href="mens/features"><span>FEATURES</span></a>
- <ul class="level1 submenu sub0">
- <li class="nav-new-arrivals">
- <a href="mens/features/new-arrivals"><span>New Arrivals</span></a>
- </li>
- </ul>
- </li>
- <li class="nav-categories">
- <a href="mens/categories"><span>CATEGORIES</span></a>
- <ul class="level1 submenu sub0">
- <li class="nav-bags">
- <a href="mens/categories/bags"><span>Bags</span></a>
- </li>
- <li class="nav-blazers">
- <a href="mens/categories/blazers"><span>Blazers</span></a>
- </li>
- <li class="nav-ties">
- <a href="mens/categories/ties"><span>Ties</span></a>
- </li>
- </ul>
- </li>
- </ul>
- </li>
- </ul>
- </nav>
- <div class="nav-women"><img src="http://images.apple.com/v/home/ct/images/promos/public_betas_medium.jpg"></div>
- <div class="nav-mens"><img src="http://images.apple.com/v/home/ct/images/promos/public_betas_medium.jpg"></div>
- <script>
- $(document).ready(function () {
- $("div[class^='nav'] img").each(function (a, b) {
- var imgTag = $(this).closest("div[class^='nav']").clone(true);
- var parentDivClass = imgTag.attr("class");
- $(this).closest("div[class^='nav']").remove();
- var newHtml = "<li>" + imgTag[0].outerHTML + "</li>";
- $("li[class^=" + parentDivClass + "] ul:first").append(newHtml);
- $("li[class^=" + parentDivClass + "]:first").addClass("newfixedclass");
- });
- });
- </script>
- </body>
- </html>