VPF::Определение div'а по клику (jQuery) - Форум программистов

evilelf

Дата 15.9.2010, 16:50 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 22
Регистрация: 8.3.2010

Репутация: нет
Всего: нет

Здравствуйте.
Есть вот такая структура:

Код


<div id = "valid_answer">1</div>
<div id = "valid_answer">2</div>
<div id = "valid_answer">3</div>
<div id = "invalid_answer">4</div>

Задача состоит в том, чтобы по клику на контейнер обработчик событий определял:
1). "валидный" ли див, или нет.
2). получал значение, содержащееся в контейнере (1, 2, etc...)

Как реализовать такую фичу на jQuery? Как обратиться к конктретному элементу - знаю, а вот к какому то из группы - нет. Был вариант вложенных дивов, тогда 2й вопрос отпадал, но значение дива, по которому был произведён клик, было недостижимо.

Код


<div id = "valid_answer">
   <div>1</div>
   <div>2</div>
</div>
<div id = "invalid_answer">4</div>

Вероятно, стоит использовать функцию each, но я никак немогу приспособить её под свои нужды.

P.S. Я умышленно оставил одинаковые ID, чтобы было яснее, о чём я говорю. если понадобится - есть возможность нумеровать каждый ID (valid_answer_1, valid_answer_2).

Это сообщение отредактировал(а) evilelf - 15.9.2010, 16:50

CruorVult

Дата 15.9.2010, 17:03 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 13
Всего: 28

Цитата(evilelf @ 15.9.2010, 16:50

)

Задача состоит в том, чтобы по клику на контейнер обработчик событий определял:1). "валидный" ли див, или нет.

как должно определять валидность? По айди?

evilelf

Дата 15.9.2010, 17:38 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 22
Регистрация: 8.3.2010

Репутация: нет
Всего: нет

Вот, набросал кое-что...

Код


<div class = "valid_answer">1</div>
<div class = "valid_answer">2</div>
<div class = "valid_answer">3</div>
<div class = "invalid_answer">4</div>

Код


$(document).ready(function(){
  $('.valid_answer').click(function()
    {
        flag = 0;
        answer = jQuery(this).text();
     });
  $('.invalid_answer').click(function()
     {
        flag = 1;
     });
});

ksnk

Дата 15.9.2010, 17:43 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 84
Всего: 386

Цитата(CruorVult @ 15.9.2010, 17:03

)

как должно определять валидность? По айди?

Видимо, по префиксу ID smile

правильно ли я понял, что в вопросе будет сразу указано - какой вопрос на самом деле правильный? Тоесть любой достаточно ушлый юзер будет в состоянии проверить html-код элемента и выбрать правильный ответ?

Код


<div id="questions">
  <div id = "valid_answer">
   <div>1</div>
   <div>2</div>
  </div>
<div id = "invalid_answer">4</div>
</div>
...
<script>
$('#questions').click(function(event){
  alert($(event.target).html()||'oops!');
})
</script>

Это сообщение отредактировал(а) ksnk - 15.9.2010, 17:44

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

evilelf

Дата 15.9.2010, 18:48 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 22
Регистрация: 8.3.2010

Репутация: нет
Всего: нет

Пользователь вообще не будет иметь возможности увидеть ХТМЛ-код (особая уличная магия) smile

Спасибо, возьму ваш метод на заметку

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »