Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.09.2015, 16:53
Аспирант
Отправить личное сообщение для Elect Посмотреть профиль Найти все сообщения от Elect
 
Регистрация: 06.09.2015
Сообщений: 41

Менять выбраный элемент меню на 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>");  //добавляем класс
            }
        });
    });
Ответить с цитированием
  #2 (permalink)  
Старый 26.09.2015, 16:57
Аватар для EmperioAf
Профессор
Отправить личное сообщение для EmperioAf Посмотреть профиль Найти все сообщения от EmperioAf
 
Регистрация: 15.01.2015
Сообщений: 622

Сообщение от Elect
var location = window.location.href;
Не делайте так. Это тоже самое, что написать:
var window.location = window.location.href;
Ответить с цитированием
  #3 (permalink)  
Старый 28.09.2015, 08:32
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

Сообщение от Elect
заменить весь "a" на span
Как вариант...

<!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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Бесконечноуровневое меню на CSS ruslan_mart Ваши сайты и скрипты 5 12.01.2015 20:59
Выделение активных пунктов многоуровневого меню на jQuery Letto Элементы интерфейса 2 04.12.2013 15:30
Выбрать активный элемент меню ALIEN-XIII jQuery 13 23.06.2013 11:51
Проблема с аккордионом и меню Tie ExtJS 3 01.09.2011 14:36
<select> и первая строка в меню, как менять? Jekel Серверные языки и технологии 2 13.04.2010 02:45