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

Добавить текст к html

25.10.2017, 20:09. Показов 621. Ответов 12
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Собственно кто подскажет как к тексту который находится в тегах добавить определенные слова, к каждому тексту свои слова
Вот например к слову Ширина и Высота надо добавить , мм

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
<table class="short-attr-table">
        <tbody>
            <tr>
                <td class="left"><span>Ширина</span></td>
                <td class="right"><span>400</span></td>                                 
            </tr>
            <tr>
                <td class="left"><span>Высота</span></td>
                <td class="right"><span>600</span></td>                                 
            </tr>
        </tbody>
   </table>
Добавлено через 17 минут
на jquery я имею ввиду
Меня интересует как сделать выборку элементов
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
25.10.2017, 20:09
Ответы с готовыми решениями:

Текст HTML распознавался как просто текст, а не HTML код
Здравствуйте! Подскажите пожалуйста, как сделать так, чтобы HTML текст не распознавался браузером как HTML разметка, а был именно как...

Как вытащить текст со Html странички? Html Agility Pack
Всё очень просто как вытащить текст с Html странички с помощью Html Agility Pack? К примеру у нас есть страничка того же сайта ...

Как к нескольким файлам html подключить текст из другого html через php?
Ребят, расскажите пожалуйста как к нескольким файлам html через php подключить текст из другого html. Я создаю сайт и каждый раз...

12
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
25.10.2017, 20:42
denbon, это на нативном
JavaScript
1
2
var el=document.getElementsByTagName("span");
for(i=0;i<el.length;i++){if(i%2==0)el[i].innerText=el[i].innerText+", mm";}
Это на jquery
JavaScript
1
$('.left span').each(function(){var str=$(this).text()+", mm"; $(this).text(str);});
0
0 / 0 / 0
Регистрация: 25.10.2017
Сообщений: 24
25.10.2017, 20:50  [ТС]
так а как именно сделать выборку по содержанию, так как у меня может быть и другое содержание в теге <span>
которому необходимо прописать другие слова
0
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
25.10.2017, 21:11
denbon,
Цитата Сообщение от denbon Посмотреть сообщение
так как у меня может быть и другое содержание в теге <span>
это понятно.
Цитата Сообщение от denbon Посмотреть сообщение
необходимо прописать другие слова
Code
1
", mm"
текст в этих кавычках поменяйте на то, что нужно.
0
0 / 0 / 0
Регистрация: 25.10.2017
Сообщений: 24
25.10.2017, 21:17  [ТС]
так а если мне надо еще добавить к слову:
Вес - кг
Количество - шт.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<table class="short-attr-table">
        <tbody>
            <tr>
                <td class="left"><span>Ширина</span></td>
                <td class="right"><span>400</span></td>                                 
            </tr>
            <tr>
                <td class="left"><span>Высота</span></td>
                <td class="right"><span>600</span></td>                                 
            </tr>
            <tr>
                <td class="left"><span>Вес</span></td>
                <td class="right"><span>10</span></td>                                 
            </tr>
            <tr>
                <td class="left"><span>Количество</span></td>
                <td class="right"><span>30</span></td>                                 
            </tr>
        </tbody>
   </table>
0
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
25.10.2017, 21:22
Цитата Сообщение от denbon Посмотреть сообщение
как именно сделать выборку по содержанию
в смысле вставить куда то в середину текст? Проще будет менять весь.

Добавлено через 3 минуты
denbon, ну смотрите. Пишем
JavaScript
1
var str=$('.left span').text();
так мы получили массив из ШиринаВысотаВесКоличество. Как перебрать массив, знаете? Или все таки пояснить?
0
0 / 0 / 0
Регистрация: 25.10.2017
Сообщений: 24
25.10.2017, 21:23  [ТС]
Есть на сайте характеристики для товара допустим написано Длинна, Вес, Количество и так далее, и необходимо дописать к этим словам в каких единицах, для Длинны это мм, для Веса это кг, для Количества это шт.
Просто это надо дописать уже на стороне клиента, так как задать на стороне сервера нет возможности
0
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
25.10.2017, 21:27
denbon, Харастеристики только четыре?
0
0 / 0 / 0
Регистрация: 25.10.2017
Сообщений: 24
25.10.2017, 21:31  [ТС]
Qwerty_Wasd

у меня их где то 20 и плюс еще по мере заполнения сайта будут появляться новые
0
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
25.10.2017, 22:33
denbon, как найду решение отпишусь. Если конечно раньше кто-то не напишет. Пока кроме как явно указывать каждому, в голову ничего не идет.

Добавлено через 1 минуту
Кстати вопрос - почему при заполнении сайта нельзя сразу править текст?

Добавлено через 6 минут
Кстати пока как-то так
JavaScript
1
2
3
4
5
$('.left span').each(function(){
  if($(this).text()=="Вес"){var str=$(this).text()+", кг"; $(this).text(str);}
  if($(this).text()=="Количество"){var str=$(this).text()+", шт"; $(this).text(str);}
  if(($(this).text()=="Ширина")||($(this).text()=="Высота")){var str=$(this).text()+", мм"; $(this).text(str);}
});
Добавлено через 33 секунды
Песочница
0
0 / 0 / 0
Регистрация: 25.10.2017
Сообщений: 24
25.10.2017, 22:58  [ТС]
Цитата Сообщение от Qwerty_Wasd Посмотреть сообщение
Кстати вопрос - почему при заполнении сайта нельзя сразу править текст?
Нельзя потому, что прайс листы с которых экспортируются товары не имеют этих значений
0
Эксперт JSЭксперт HTML/CSS
2151 / 1496 / 651
Регистрация: 16.04.2016
Сообщений: 3,696
25.10.2017, 23:16
denbon, сейчас поигрался со словарем на нативном. Тот вариант что я предоставил выше, проще. Просто добавляйте очередной if по аналогии.
0
0 / 0 / 0
Регистрация: 25.10.2017
Сообщений: 24
25.10.2017, 23:22  [ТС]
Qwerty_Wasd Ок!!! Спасибо, буду пробовать!!!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
25.10.2017, 23:22
Помогаю со студенческими работами здесь

Вставить HTML текст в шаблон, как HTML тэги
Всем привет! Я работаю в Angular 1.4 и у меня есть задача: Получить HTML из $http.get(url) и вставить его в шаблон. Как это можно...

Можно ли добавить текст в заполненное текстовое поле, не вытягивая исходный текст?
Мне нужно хранить диалоги пользователей. Периодически нужно в поле с диалогом добавлять некоторые строки. Но боюсь, что в будущем моей...

HTML всплывающий текст при наведении / нажатии на текст
Здравствуйте! Нужно сделать так, что бы при наведении или нажатии на текст всплывал другой текст, на подобии подсказки. Как это...

Как добавить html файл в другой html файл
Здравствуйте, судя по названию понятна проблема. Я не хочу нагружать index-ный файл, поэтому хочу подключать всё с других файлов. В...

Найти файлы по маске и добавить в них указанный текст или заменить в них один указанный текст другим
Добрый день. Прошу помощи. Нужен универсальный батник для поиска файлов (текстовых) по маске и добавления в них указанного текста, без/с...


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

Или воспользуйтесь поиском по форуму:
13
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru