Показать сообщение отдельно
  #1 (permalink)  
Старый 13.06.2016, 13:23
Интересующийся
Отправить личное сообщение для sherzo Посмотреть профиль Найти все сообщения от sherzo
 
Регистрация: 16.05.2014
Сообщений: 11

Как заменить пункт при клике на подпункт
Приветствую уважаемые форумчане! Есть меню выбора города. При наведении на первый пункт "Выбрать регион" выводится список городов, где при клике на город нужно чтоб "Выбрать регион" заменился текстом на который кликнули. Пробовал сделать так:
$('.menu-item-mega-parent div ul li a').click(function(){
        var title = $(this).html();
		$(this).parents('.menu-item-mega-parent').find('.avia-menu-text').html(title);


Но, видимо что-то не учел.

Могли бы помочь с реализацией данного метода? Буду признателен.

<li id="menu-item-30" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-mega-parent  menu-item-top-level menu-item-top-level-1 dropdown_ul_available" style="overflow: hidden;"><a href="#" itemprop="url" style="height: 75px; line-height: 75px; cursor: default;" class=""><span class="avia-bullet"></span><span class="avia-menu-text">Выбрать регион</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span><span class="dropdown_available"></span></a>
<div class="avia_mega_div avia_mega4 twelve units" style="opacity: 0; display: none; right: -603px;">

<ul class="sub-menu">
	<li id="menu-item-533" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children avia_mega_menu_columns_4 three units  avia_mega_menu_columns_first"><span class="mega_menu_title heading-color av-special-font">&nbsp;&nbsp;</span>
	<ul class="sub-menu">
		<li id="menu-item-532" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="#" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Астана</span></a></li>
		<li id="menu-item-32" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="#" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Алматы</span></a></li>
	</ul>
</li>
	<li id="menu-item-454" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children avia_mega_menu_columns_4 three units "><span class="mega_menu_title heading-color av-special-font"><a href="http://#">Жамбылская область</a></span>
	<ul class="sub-menu">
		<li id="menu-item-455" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://#" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Тараз</span></a></li>
		<li id="menu-item-456" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://#" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Шу</span></a></li>
		<li id="menu-item-457" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="http://#" itemprop="url"><span class="avia-bullet"></span><span class="avia-menu-text">Каратау</span></a></li>
	</ul>
</li>
</ul>
</div>
</li>


P.S. Структуру поменять не смогу, нужно в этом виде вытаскивать.

Последний раз редактировалось sherzo, 13.06.2016 в 13:59.
Ответить с цитированием