Менять выбраный элемент меню на span
В общем возникла проблема с получением значения a
Нужный пункт он находит,но тут мне нужно не просто поменять стили,а заменить весь "a" на span.Для этого мне нужно получить значение предыдущего значения.
$(function () { // Когда страница загрузится
$('.user_menu_links li a').each(function () { // получаем все нужные нам ссылки
var location = window.location.href; // получаем адрес страницы
var link = this.href; // получаем адрес ссылки
if(location == link) { // при совпадении адреса ссылки и адреса окна
$(this).replaceWith("<span>"+this.val+"</span>"); //добавляем класс
}
});
});
|
Цитата:
var window.location = window.location.href; |
Цитата:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
$('.user_menu_links li a').each(function(){
$(this).replaceWith("<span>" + $(this).text() + "</span>");
});
});
</script>
</head>
<body>
<ul class='user_menu_links'>
<li>
<a href='#'>Item 0</a>
<p>Text 0</p>
</li>
<li>
<a href='#'>Item 1</a>
<p>Text 1</p>
</li>
<li>
<a href='#'>Item 2</a>
<p>Text 2</p>
</li>
</ul>
</body>
</html>
|
| Часовой пояс GMT +3, время: 22:57. |