Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Другие темы раздела
JavaScript Отрисовка картинге в img src через Blob https://www.cyberforum.ru/ javascript/ thread2761353.html
Всем привет. Имеется ситуация: В бд в поле varbinary хранится изображение jpg в виде массива байт. Передаю эти байты на фронт (JS + TypeScript + React( На фронте принимаю в поле типа Uint8Array...
JavaScript Не показывается блок тизеров на сайте с https
Приветствую. Проблема такая. Есть сайт тизерной сети (скрипт скачал из паблика ещё пару лет назад). Размещаю код тизера на сайте с протоколом http, тизеры показываются, а если сайт открывается по...
Никак не могу найти элемент, который выходит за границы экрана JavaScript
Никак не могу найти элемент, который выходит за границы экрана и создает полосу прокрутки. Как его выцепить?
JavaScript Браузер ругается на JSON Браузер выдает ошибку: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0 ссылка на сайт: www.vanosarn.ru Что не так с моим скриптом? Не отправляется форма "use... https://www.cyberforum.ru/ javascript/ thread2760353.html
JavaScript Разные результаты после вызова sort в разных браузерах https://www.cyberforum.ru/ javascript/ thread2759931.html
Как вам такое? :) var a =; a.sort( function(a,b) { return 1; } ); // возвращаем положительное число console.log(a); // современные
JavaScript Передача переменной из js в ссылку html
Здравствуйте. Пожалуйста, подскажите как мне передать переменную js в запрос на другую страницу? Вот код js: var a=1; Код оптравки значения на другую страницу: <a...
JavaScript Найти JS библиотеку для отображения графов.
Всем привет. Попросили по работе подобрать хорошую бесплатную js-библиотеку для отображения графов и деревьев, но в данной области я не работаю и хотел бы спросить у знающих людей. Задачи от...
JavaScript Программа должна вывести "Да", если у всех чисел одинаковая четность Пользователь вводит три целых числа. Программа должна вывести "Да", если у всех чисел одинаковая четность, иначе — "Нет" https://www.cyberforum.ru/ javascript/ thread2757909.html
JavaScript при кнопке назад скрипт не работает https://www.cyberforum.ru/ javascript/ thread2756763.html
У меня есть страницы index.php и for.php Я эти данные открываю по ajax допустим я c index.php вызвал for.php url меняется все работает хорошо. когда я нажимаю на кнопку назад все отлично...
JavaScript Как вывести notification (когда document.visibilityState==="hidden") с задержкой в несколько секунд document.addEventListener("visibilitychange", function () { if(document.visibilityState==="hidden"){ Notification.requestPermission().then(function () { let... https://www.cyberforum.ru/ javascript/ thread2755439.html
JavaScript Как считать данные из submit? https://www.cyberforum.ru/ javascript/ thread2755093.html
Нужно именно на JS. Все что гуглится, то только для PHP.
JavaScript Функция запущенная вручную из редактора и запущенная триггером работают неодинаково I made a script which takes links from spreadsheet on google-form submit (or run from editor) and send as album in telegram, photos loaded on google-drive, I take links from spreadsheet into array... https://www.cyberforum.ru/ javascript/ thread2755020.html
0 / 0 / 0
Регистрация: 13.08.2016
Сообщений: 22
0

Как можно отследить нажатие на определенный элемент в списке <li> и вытащить из данные (id)?

26.12.2020, 17:03. Просмотров 1027. Ответов 3
Метки (Все метки)


Доброго времени суток! Как можно с помощью js отследить нажатие на определенный элемент в списке <li> и вытащить из этого элемента данные (id), которые находятся на html странице? Но дело в том, что таких элементов на страницы много
Пример нужного элемента:
Нужно отследить нажатие именно на статус Выдан
Код
<a href="#" data-order_id="66749" data-update="false" data-status_id="40" onclick="event.preventDefault(); return change_order_status(this);" style="color:#cfc9c9">Выдан</a>
Вот селекторы:
Javascript
1
#table_clients_orders > tr:nth-child(95) > td.center.order-status-col > div > ul > li:nth-child(16) > a
Javascript
1
document.querySelector("#table_clients_orders > tr:nth-child(95) > td.center.order-status-col > div > ul > li:nth-child(16) > a")
Вот целый кусок одного списка:
Кликните здесь для просмотра всего текста
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<ul class="dropdown-menu fixed-dropdown-menu" aria-labelledby="dropdownStatus_66749" style="position: fixed; top: 140.838px; left: 329.403px; max-height: 4376.07px;">
                                                <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="0" onclick="event.preventDefault(); return change_order_status(this);" style="color:#5171e3">Принят в ремонт</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="2" onclick="event.preventDefault(); return change_order_status(this);" style="color:#fd97a5">На диагностике</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="5" onclick="event.preventDefault(); return change_order_status(this);" style="color:#fd97a5">В процессе ремонта</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="27" onclick="event.preventDefault(); return change_order_status(this);" style="color:#3ab33f">На согласовании</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="52" onclick="event.preventDefault(); return change_order_status(this);" style="color:#5171e3">Дал согласие</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="15" onclick="event.preventDefault(); return change_order_status(this);" style="color:#ff0000">Клиент отказался</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="61" onclick="event.preventDefault(); return change_order_status(this);" style="color:#35d44e">Заказ поставщику</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="10" onclick="event.preventDefault(); return change_order_status(this);" style="color:#7fe7ed">Ожидает запчастей</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="55" onclick="event.preventDefault(); return change_order_status(this);" style="color:#5171e3">Груз прибыл</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="53" onclick="event.preventDefault(); return change_order_status(this);" style="color:#000000">Ждем клиента</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="20" onclick="event.preventDefault(); return change_order_status(this);" style="color:#3ab33f">Не подлежит ремонту</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="54" onclick="event.preventDefault(); return change_order_status(this);" style="color:#3ab33f">Не удалось сделать</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="60" onclick="event.preventDefault(); return change_order_status(this);" style="color:#22a0f5">Тестирование </a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="35" onclick="event.preventDefault(); return change_order_status(this);" style="color:#3ab33f">Готов</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="51" onclick="event.preventDefault(); return change_order_status(this);" style="color:#000000">Готов, уведомили</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="40" onclick="event.preventDefault(); return change_order_status(this);" style="color:#cfc9c9">Выдан</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="25" onclick="event.preventDefault(); return change_order_status(this);" style="color:#cfc9c9">Выдан без ремонта</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="45" onclick="event.preventDefault(); return change_order_status(this);" style="color:#5b16f0">Принят на доработку</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="50" onclick="event.preventDefault(); return DebitDonor.showCreate(this, 66749);" style="color:#000000">Переведен в донор</a>
                            </li>
                                                            <li>
                                <a href="#" data-order_id="66749" data-update="false" data-status_id="30" onclick="event.preventDefault(); return change_order_status(this);" style="color:#de4dcf">В удаленном сервисе</a>
                            </li>
                                </ul>


Вот 2 примера js селектор и html code, как видите меняются только данные в tr:nth-child
Javascript
1
#table_clients_orders > tr:nth-child(27) > td.center.order-status-col > div > ul > li:nth-child(16) > a
HTML5
1
<a href="#" data-order_id="66701" data-update="false" data-status_id="40" onclick="event.preventDefault(); return change_order_status(this);" style="color:#cfc9c9">Выдан</a>
Javascript
1
#table_clients_orders > tr:nth-child(12) > td.center.order-status-col > div > ul > li:nth-child(16) > a
HTML5
1
<a href="#" data-order_id="66746" data-update="false" data-status_id="40" onclick="event.preventDefault(); return change_order_status(this);" style="color:#cfc9c9">Выдан</a>


Вернуться к обсуждению:
Как можно отследить нажатие на определенный элемент в списке <li> и вытащить из данные (id)?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
26.12.2020, 17:03
Готовые ответы и решения:

Как можно отследить нажатие кнопки?
Делаю небольшую игру с помощью SmallBasicLibrary ради практики. Делаю не в SmallBasic, а в Visual...

Как вытащить определенный элемент из SQL
Добрый день, есть вот такой код. &lt;?php require &quot;includes/db.php&quot;; $data=$_POST; $errors =...

Можно ли как-нибудь отследить кто в определенный момент редактирует книгу и какие именно ячейки?
Можно ли как-нибудь отследить кто в определенный момент редактирует книгу и какие именно ячейки?...

Как можно отследить, когда данные сокетом переносятся на уровень сетевого транспорта
К слову об TCP серверах. Как можно отследить тот момент, когда данные были перемещены сокетом из...

3
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.