0 / 0 / 2
Регистрация: 11.11.2009
Сообщений: 17

Поиск по списку li. - Меню

08.10.2011, 07:05. Показов 2845. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток. Не подскажете как организовать поиск
- найти 1й <li> оставить его на месте а остальные сдвинуть в сторону.
1ю позицию я нашел,только как остальные сдвинуть в сторону.

JavaScript
1
2
3
    $('li').each(function (){
            $('li:first').css('margin-left','0');
       });
- ту же самую операцию проделать с последним элементом

Необходимо сделать так чтобы при каждом клике на ссылку все возвращались в исходную позицию и кроме нажатой ссылки все сдвигаются в сторону.
Вот само меню
JavaScript
1
2
3
4
5
6
7
 <ul id="menu">
         <li id="1">Ссылка1</li>
         <li id="2">Ссылка2</li>
         <li id="3">Ссылка3</li>
         <li id="4">Ссылка4</li>
         <li id="5">Ссылка5</li>
  </ul>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
08.10.2011, 07:05
Ответы с готовыми решениями:

Поиск по списку
Тут такой вопрос. Вот код на просмотр созданного списка.. Список односвязный. А как мне осуществить поиск по этому списку??? ...

Поиск по списку
Всем привет! У меня есть список(list box), можно ли организовать поиск в реальном времени, и так чтоб ненужные item'ы убирались? (про...

Поиск по списку
Здрям! тут построчно список каталогов: C:\Temp\List.txt Надо брать каждую строку и подставлять в строку поиска &quot;find...

2
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
08.10.2011, 08:49
Цитата Сообщение от murad30 Посмотреть сообщение
Необходимо сделать так чтобы при каждом клике на ссылку все возвращались в исходную позицию и кроме нажатой ссылки все сдвигаются в сторону.
JavaScript
1
2
3
4
5
$('#menu > li').click(function(){
    var self = $(this), other = self.parent().find('> li').stop().not(this);
    self.animate({marginLeft: 30}, 200);
    other.animate({marginLeft: 0}, 200);
});
CSS
1
#menu li {margin-left:0;}
0
0 / 0 / 2
Регистрация: 11.11.2009
Сообщений: 17
08.10.2011, 15:31  [ТС]
Но данный код перемешает все абсолютно ссылки в сторону не оставляя на исходном нажатую.

Добавлено через 20 минут
Вот такое меню. Взять текущий элемент я могу, Проблема для меня это то что, как текущий элемент сравнить со всем списком. С чем его сравнить, Может как можно это все сделать по проще. Подскажите пожалуйста.
JavaScript
1
2
3
4
5
6
7
<ul id="menu">
         <li id="1"><a href="#">Ссылка1</a><span class="list1">[<span id="list1">0</span>]</span></li>
         <li id="2"><a href="#">Cсылка2</a><span class="list1">[<span id="list2">0</span>]</span></li>
         <li id="3"><a href="#">Ссылка3</a><span class="list1">[<span id="list3">0</span>]</span></li>
         <li id="4"><a href="#">Ссылка4</a><span class="list1">[<span id="list4">0</span>]</span></li>
         <li id="5"><a href="#">Ссылка5</a><span class="list1">[<span id="list5">0</span>]</span></li>
</ul>
в фигурных скобках это индексы, при клике индекс увеличивается на ед. С этим я разобрался.
JavaScript
1
2
3
4
 var id = $(this).attr('id');
 var str = "#list"+ id;
 var number = parseInt($(str).text());
 number = number +1;
Я сперва планировал организовать поиск путем сверки текущего id = 5 символом ссылки Ссылка[5]. как взять цифру в строке спомошью jQuery.
Заранее спасибо за ответ

Добавлено через 34 минуты
Цитата Сообщение от murad30 Посмотреть сообщение
Но данный код перемешает все абсолютно ссылки в сторону не оставляя на исходном нажатую.

Добавлено через 20 минут
Вот такое меню. Взять текущий элемент я могу, Проблема для меня это то что, как текущий элемент сравнить со всем списком. С чем его сравнить, Может как можно это все сделать по проще. Подскажите пожалуйста.
JavaScript
1
2
3
4
5
6
7
<ul id="menu">
         <li id="1"><a href="#">Ссылка1</a><span class="list1">[<span id="list1">0</span>]</span></li>
         <li id="2"><a href="#">Cсылка2</a><span class="list1">[<span id="list2">0</span>]</span></li>
         <li id="3"><a href="#">Ссылка3</a><span class="list1">[<span id="list3">0</span>]</span></li>
         <li id="4"><a href="#">Ссылка4</a><span class="list1">[<span id="list4">0</span>]</span></li>
         <li id="5"><a href="#">Ссылка5</a><span class="list1">[<span id="list5">0</span>]</span></li>
</ul>
в фигурных скобках это индексы, при клике индекс увеличивается на ед. С этим я разобрался.
JavaScript
1
2
3
4
 var id = $(this).attr('id');
 var str = "#list"+ id;
 var number = parseInt($(str).text());
 number = number +1;
Я сперва планировал организовать поиск путем сверки текущего id = 5 символом ссылки Ссылка[5].
Заранее спасибо за ответ
Как взять определенный символ в строке с помощью jQuery.
JavaScript
1
var number1 = $('li').eq(1).text();
Только возвращает Ссылка1 [0] как вытащить "1"
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
08.10.2011, 15:31
Помогаю со студенческими работами здесь

поиск по списку имен
сегодня неренесли все базы лотуса на другую машину. вроде всё работает кроме поиска по списку имен. в чем может быть проблема? может...

Поиск по списку в Combobox
У меня есть combobox внутри есть список , как сделать внутри combobox поиск по нужным моим данным, например ввел первые буквы которые есть...

Поиск по вложенному списку
Здравствуйте. Описание: Столкнулся с необходимостью проверки введенного значения на соответствие наличию такого значения в...

Поиск по списку! WinForm
Подскажите пожадуйста на с# часть кода.нажимая кнопку ...открываеться новое окно, а теперь сам вопрос:Существует список группы. Необходимо...

Поиск по списку (list)
Привет) К примеру есть участок кода void PoiskDolg(list&lt;Book&gt; &amp;listBooks, list&lt;libray&gt; &amp;listlibray) { int Nomer; cout...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

Новые блоги и статьи
Отчёт о спецтехнике находящейся в ремонте
Maks 20.04.2026
Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .
Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)"
Hrethgir 19.04.2026
Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определенном условии
Maks 19.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов
alhaos 17.04.2026
Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда".
kumehtar 16.04.2026
Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru