Создание переменной на основе селектора кликаемого объекта.

@abasha91 · Регистрация: 20.01.2015

Студворк — интернет-сервис помощи студентам

Всем добрый день.Такой вот вопрос.Пишу свой первый скрипт на jquery, и вроде бы все почти ничего но в самый последний момент застрял,вот структура:

HTML:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="third_block_left">
                <div class="box"><div class="on"><a href=""><span>ПОМОЩЬ ЮРИСТА</span></a><img src="packman.png" class="packman" /></div></div>
                <div class="box"><div class="off"><a href=""><span>ТРУДОВЫЕ СПОРЫ</span></a></div></div>
                <div class="box"><div class="off"><a href=""><span>СЕМЕЙНЫЕ СПОРЫ</span></a></div></div>
             </div>
 
<div class="third_block_right">
                 <div class="active">
                    <h2>,Блок 1</h2>
                    <p></p>
                 </div>
                 <div class="diactive">
                    <h2>Блок 2</h2>
                    <p></p>
                 </div>
                 <div class="diactive">
                    <h2>Блок 3</h2>
                    <p></p>
  </div>

JS:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$(document).ready(function() {
    $("div.box div").click(function() {
        $("div.on").addClass("off");
        $("div.on").removeClass("on");
        $("img.packman").remove();
        $(this).addClass("on");
        $(this).removeClass("off");
        $(this).append("<img src='packman.png' class='packman' />");
        return false;
    });
 
 
   $("div.box div").click(function(){
        var display = $(this).index("div.box div");
        alert(display);
        $(".third_block_right div.active").addClass("diactive");
        $(".third_block_right div.active").removeClass("active");
        $(".third_block_right div:eq(display)").addClass("active");
        $(".third_block_right div:eq(display)").removeClass("diactive");            
    });     
});

Вобщем вопрос вот в чем:Первая функция работает как надо.А вот вторая должна при нажатии на $("div.box div")
создать переменную с index ом блока на который я кликнул,и далее на экране справа в .third_block_right поменять класс у блока div, index которого равен числу в переменной display.Вот последние две строчки кода и не работают.Если в :eq() вместо названия переменной вписать просто номер index то работает,но мне нужно что бы индекс кнопки слева и индекс блока справа совпадали.

@ns16 · 31.07.2015, 19:56

У вас имя переменной display взято в кавычки, поэтому последние две строки и не работают.

JavaScript
1
2
$(".third_block_right div:eq(" + display + ")").addClass("active");
$(".third_block_right div:eq(" + display + ")").removeClass("diactive");

@abasha91 · 31.07.2015, 20:45 **[ТС]**

Ура,спасибо

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@abasha91 0 / 0 / 2 Регистрация: 20.01.2015 Сообщений: 21
	31.07.2015, 20:45 [ТС]
	Ура,спасибо 0