DomenForum.net

DomenForum.net (https://domenforum.net/index.php)
-   Программирование (https://domenforum.net/forumdisplay.php?f=26)
-   -   JS: присвоить переменной значения ul li (https://domenforum.net/showthread.php?t=228354)

Port_Artur 17.09.2021 13:40

JS: присвоить переменной значения ul li
 
Как присвоить переменной значение li внутри списка с id="search" или классом class="rezultat" ?

Код HTML:

<ul id="search" class="rezultat" style="display: block;">
<li> Калининград</li>
<li> Калиновка</li>
</ul>

Если пишу

Код HTML:

var li = $('li');
Скрипт работает с первым попавшимся списком на странице

cmsdev 18.09.2021 10:37

Код:

var li1 = $('#search li').eq(0).text(); //значение первого li
var li2 = $('#search li').eq(1).text(); //значение второго li

или
Код:

var li1 = $('.rezultat li').eq(0).text(); //значение первого li
var li2 = $('.rezultat li').eq(1).text(); //значение второго li

или перебрать в цикле
Код:

$('#search li').each(function(){
        alert($(this).text());
});


Port_Artur 18.09.2021 12:43

Спасибо за примеры, но смысл ограничиться одной переменной.

Вот пример http://jsfiddle.net/Vtn5Y/

Задача ограничиться определённым списком с id="search" или классом class="rezultat", а так работает с первым попавшимся UL на странице.

Как правильно указать эту переменную для моих условий?

Код HTML:

var li = $('li');

lyodik 18.09.2021 14:30

Вам же показали пример:
Код:

var li = $('#search li');

Port_Artur 18.09.2021 18:24

Странно но не работает.

Подсвечивает теги UL и внутренние LI но класс не добавляет

https://b.radikal.ru/b20/2109/1d/86737ffac734.jpg

, в то время как в рабочем варианте когда работает как надо подсвечивается только атрибут CLASS.


Рад бы показать на сайте, но он пока в разработке.

В чём причина может быть, что теги подсвечивает ul и li?

lyodik 18.09.2021 19:08

Не знаю, что может быть. Посмотрите, для примера добавил ещё один список: https://jsfiddle.net/x6oespm9/
Жёлтый фон, как положено, бегает только по списку с id="search".


Текущее время: 08:43. Часовой пояс GMT +4.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.
Техническая поддержка — DevArt.PRO. Перевод: zCarot.