Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.53/15: Рейтинг темы: голосов - 15, средняя оценка - 4.53
0 / 0 / 2
Регистрация: 11.11.2009
Сообщений: 17

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

08.10.2011, 07:05. Показов 2832. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru