Показать сообщение отдельно
  #1 (permalink)  
Старый 12.07.2014, 19:20
Новичок на форуме
Отправить личное сообщение для phpboy Посмотреть профиль Найти все сообщения от phpboy
 
Регистрация: 12.07.2014
Сообщений: 6

Замена ссылок у всех картинок определенного типа
Здравствуйте!

Jquery знаю плохо, но как работает понимаю.

Есть вот такая вещь:
<li class="tab">
		<span><img src="./img/app_img.png"/></span>
		<div class="tab-content">
                 123
                </div>
         </li>


По клику на спан, нужно картинке внутри него давать другую ссылку (заменой см. код), а всем остальным заменой ставить ссылку, дефолтную для этой картинки. Это для табов. Есть 2 состояния картинки - нажата и нет.

Вот этот код у меня обрабатывает табы:

$(document).ready(function(){
    $('.tab-content:first').show(0);
    $('.tab:first>span').addClass('selected');

	$('.tab:first>span>img').attr('src', $('.tab:first>span>img').attr('src').replace('_img', '_imgPressed'));//попытка заменять ссылку

    $('.tab>span').click(function(){
       $('.tab>span').removeClass('selected');

	   $(".tab>span:first").find("img").attr('src', $(".tab>span:first").find("img").attr('src').replace('Pressed', ''));//попытка обнулить ссылку
	   $(this).find("img").attr('src', 
$(this).find("img").attr('src').replace('_img', '_imgPressed'));//попытка заменять ссылку

	   $(this).addClass('selected'); 
       $('.tab-content').hide(0);   
       $(this).next('.tab-content').show(0);     
    });
});


Понятное дело, то оно не работает, потому что с каждым $(this).find("img"). поиск начинается сначала, а взять срц для замены нужно с того же элемента.

Подскажите как выйти из этой ситуации

Последний раз редактировалось phpboy, 12.07.2014 в 19:23.
Ответить с цитированием