Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 18.08.2013, 21:46
Интересующийся
Отправить личное сообщение для kotkew Посмотреть профиль Найти все сообщения от kotkew
 
Регистрация: 18.08.2013
Сообщений: 15

Почему же? Структура следующая:
<div class="select">
 <div class="selectList">
  <span class="option">1</span>
  <span class="option">2</span>
  <span class="option">3</span>
  <span class="option">4</span>
  <span class="option">5</span>
 </div>
</div>
Ответить с цитированием
  #12 (permalink)  
Старый 18.08.2013, 21:50
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

А, ну тогда ок. Только не show() а hide() ведь, не?
Ответить с цитированием
  #13 (permalink)  
Старый 18.08.2013, 22:11
Интересующийся
Отправить личное сообщение для kotkew Посмотреть профиль Найти все сообщения от kotkew
 
Регистрация: 18.08.2013
Сообщений: 15

Сообщение от danik.js Посмотреть сообщение
А, ну тогда ок. Только не show() а hide() ведь, не?
апд
$(function(){
            $(".select").click(function(){
                if ($('.selectList', this).is(':visible')) {
                    $('.selectList', this).hide();
                } else {
                    $('.selectList', this).show();
                }
            });
        });

Такой получился скрипт. Как теперь можно определить, по какому из дочерних элементов .option был совершен клик?

Последний раз редактировалось kotkew, 18.08.2013 в 22:39.
Ответить с цитированием
  #14 (permalink)  
Старый 18.08.2013, 22:44
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

$(".select").click(function(e){
    //e.target
...

Вся твоя портянка заменяется одной строчкой:
$('.selectList', this).toggle();
Ответить с цитированием
  #15 (permalink)  
Старый 18.08.2013, 23:30
Интересующийся
Отправить личное сообщение для kotkew Посмотреть профиль Найти все сообщения от kotkew
 
Регистрация: 18.08.2013
Сообщений: 15

e.target ?
По-подробнее, пожалуйста
Ответить с цитированием
  #16 (permalink)  
Старый 18.08.2013, 23:38
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от kotkew
Как теперь можно определить, по какому из дочерних элементов .option был совершен клик?
По-подробнее, пожалуйста
Ответить с цитированием
  #17 (permalink)  
Старый 19.08.2013, 00:28
Интересующийся
Отправить личное сообщение для kotkew Посмотреть профиль Найти все сообщения от kotkew
 
Регистрация: 18.08.2013
Сообщений: 15

Разобрался, спасибо. Плюсанул в репу. Такой получился код:
$(function(){
            $(".select").click(function(e){
                $('.selectList', this).toggle();
                $('.selectText', this).text($(e.target).text());
            });
        });
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Обработка нажатия на элемент и его родитель klev2004 Общие вопросы Javascript 3 12.12.2012 20:07
родитель выдвижной панели cyklop77 Элементы интерфейса 0 22.01.2012 07:11
Получение id элемента, родитель которого динамически меняет класс Serzhik jQuery 12 12.08.2011 13:03