Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.91/11: Рейтинг темы: голосов - 11, средняя оценка - 4.91
 Аватар для Дмитрий Дмитрий
1 / 1 / 2
Регистрация: 17.09.2016
Сообщений: 450

Создать объект jquery из элементов DOM

21.11.2018, 17:16. Показов 2073. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
День добрый, подскажите, возможно создать объект из инпутов DOM с ключами из name и свойствами value?
Задача такова, записать в локал name и value инпутов которые выбрали.
Может конечно есть другой вариант решения? Возможно проще записывать в локал всю коллекцию class="dop", да и всё?
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
<div class="row dop text-center">           
                    <div class="col bg-secondary border pt-2">
                        <img src="imagesbd/fon50.png">
                        <span class="minustab pl-2">-</span>
                        <input type="text" name="Магниты" class="jqcart-amount" value="0">
                        <span class="plustab">+</span>
                        <div class="praiceDop mt-2">100<span> руб.шт.- </span><span class="sumDop"><b>0</b></span><span><b> руб.</b></span></div>
                        <div>Описание 1</div>
                    </div>
                    <div class="col border pt-2">
                        <img src="imagesbd/fon50.png">
                        <span class="minustab pl-2">-</span>
                        <input type="text" name="Откидная" class="jqcart-amount" value="0">
                        <span class="plustab">+</span>
                        <div class="praiceDop mt-2">200 <span>руб.шт.- </span><span class="sumDop"><b>0</b></span><span><b> руб.</b></span></div>
                        <div>Описание 2</div>
                    </div>
                    <div class="col bg-secondary  border pt-2">
                        <img src="imagesbd/fon50.png">
                        <span class="minustab pl-2">-</span>
                        <input type="text" name="Глухая" class="jqcart-amount" value="0">
                        <span class="plustab">+</span>
                        <div class="praiceDop mt-2">300 <span>руб.шт.- </span><span class="sumDop"><b>0</b></span><span><b> руб.</b></span></div>
                        <div>Описание 3</div>
                    </div>
                    <div class="col border pt-2">
                        <img src="imagesbd/fon50.png">
                        <span class="minustab pl-2">-</span>
                        <input type="text" name="Нижние для горизонталок" class="jqcart-amount" value="0">
                        <span class="plustab">+</span>
                        <div class="praiceDop mt-2">400 <span>руб.шт.- </span><span class="sumDop"><b>0</b></span><span><b> руб.</b></span></div>
                        <div>Описание 4</div>
                    </div>
                    <div class="col bg-secondary border pt-2">
                        <img src="imagesbd/fon50.png">
                        <span class="minustab pl-2">-</span>
                        <input type="text" name="Без сверления для горизонталок" class="jqcart-amount" value="0">
                        <span class="plustab">+</span>
                        <div class="praiceDop mt-2">500 <span>руб.шт.- </span><span class="sumDop"><b>0</b></span><span><b> руб.</b></span></div>
                        <div>Описание 5</div>
                    </div>
                    <div class="col border pt-2">
                        <img src="imagesbd/fon50.png">
                        <span class="minustab pl-2">-</span>
                        <input type="text" name="Валанс на вертикалку" class="jqcart-amount" value="0">
                        <span class="plustab">+</span>
                        <div class="praiceDop mt-2">600 <span>руб.шт.- </span><span class="sumDop">0</span><span><b> руб.</b></span></div>
                        <div>Описание 6</div>
                    </div>
                </div>
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
21.11.2018, 17:16
Ответы с готовыми решениями:

Создать объект с методами, которые будут динамически генерировать DOM
Добрый день! При написании объекта на добавление элемента на страницу html, выдает ошибку что &quot;body is not defined&quot;. ...

HTML DOM как с использованием Javascript создать узлы DOM
Доброго времени суток. хочу через Javascript по событию onclick добавить в html документ что то вроде: &lt;div&gt;hello world&lt;/div&gt;...

Написать скрипт, рекурсивно обходящий дерево DOM страницы dom.html, начиная от корня DOM
Написать скрипт на языке JavaScript, рекурсивно обходящий дерево DOM страницы dom.html, начиная от корня DOM (объект document). ...

6
 Аватар для Уф
890 / 725 / 447
Регистрация: 13.07.2015
Сообщений: 2,277
23.11.2018, 10:19
Лучший ответ Сообщение было отмечено Дмитрий Дмитрий как решение

Решение

JavaScript
1
2
var nabor = {};
$('input.jqcart-amount').each(function(){ nabor[$(this).attr('name')] = $(this).val(); });
1
 Аватар для Дмитрий Дмитрий
1 / 1 / 2
Регистрация: 17.09.2016
Сообщений: 450
23.11.2018, 13:11  [ТС]
Почему name в массиве, а value нет?
Я так же пробовал но без массива, создавался простой массив.

Из локал, как вставить value обратно в DOM?
0
 Аватар для Уф
890 / 725 / 447
Регистрация: 13.07.2015
Сообщений: 2,277
24.11.2018, 10:29
ну не знаю, у меня все получилось
Миниатюры
Создать объект jquery из элементов DOM  
1
 Аватар для Дмитрий Дмитрий
1 / 1 / 2
Регистрация: 17.09.2016
Сообщений: 450
28.11.2018, 10:02  [ТС]
Подскажите, пытаюсь раскидать массив newItogDop по div с class="sumDop"
JavaScript
1
$.each(newItogDop, (index, data) => $('.dop').find('.sumDop').html('<b>' + data + '</b>'))
но не выходит.
0
 Аватар для Уф
890 / 725 / 447
Регистрация: 13.07.2015
Сообщений: 2,277
28.11.2018, 12:16
JavaScript
1
$.each(newItogDop, (index, data) => $('.dop').find('.sumDop:eq('+index+')').html('<b>' + data + '</b>'))
1
 Аватар для Дмитрий Дмитрий
1 / 1 / 2
Регистрация: 17.09.2016
Сообщений: 450
28.11.2018, 12:40  [ТС]
Ну круто чё, как всегда Уф выручаете).

Добавлено через 6 минут
Дкмал раз перебор в цикле и сверху вниз, индекс не нужно указывать у sumDop.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
28.11.2018, 12:40
Помогаю со студенческими работами здесь

Обновление DOM. Работа с созданными jquery элементами
Добрый день, господа! Избитая, но все еще актуальная тема: Не получается работать с созданными с помощью jquery элементами. Их...

DOM jQuery + AJAX. Ошибка возвращения (return)
function login(){ $(document).ready(function(){ // при нажатии $('#send').click(function(){ var...

Метод обработки готовности DOM (function($) )(jquery)
1.Много раз встречал запись вида: (function($) { /*code*/ })(jQuery) 2.Также встречал запись вида:

Элемент dom как объект
Есть инпут на котором стоит функция по клику filter(this). Как можно получить параметр this в отдельном скипте на странице и вызвать эту...

JQuery селектор, проход по DOM и выбор нужного элемента?
в общем суть вопроса такова, нужно выбрать следующий тег &lt;a&gt;&lt;/a&gt;, при hover на одном из этих &lt;a&gt;&lt;/a&gt; исходник: &lt;ul...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Нашел на реддите интересную статью под названием «Кто-нибудь знает, где получить бесплатный компьютер или. . .
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
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru