Есть ли способ выделить определенные слова или цифры, не вставляя тег span?

Question

У меня есть блоки текста с различными спецификациями в них, и я хочу, чтобы jquery выделил все, что соответствует определенному шаблону, без вставки лишнего html.

Ниже приводится текст, с которым мне нужно работать.

Процессор Intel® Core ™ i7 920 (2,66 ГГц, 8 МБ кэш-памяти, 4,8 ГТ / с) / Подлинная Windows® 7 Home Premium 64-битная - английская / 640 ГБ Serial ATA без Raid (7200 об / мин) / 6 ГБ 1333 МГц (3x2 ГБ) Tri Канальная память / Дисплей не входит в комплект поставки / Оптический привод 16X DVD +/- RW (чтение и запись DVD и CD) / 1,8 ГБ Видеокарта NVIDIA® GeForce ™ GTX260 / Встроенный HDA 7.1 Dolby Digital Audio

Я надеюсь, что jquery сможет выделить некоторые основные характеристики, не вставляя лишних html. Может быть, работа со списком значений, соответствующих формату спецификации, с использованием некоторых подстановочных знаков, где необходимо указание?

css для выбора правильного тега

это #list div div div + p, или я мог бы просто дать класс p, но не хотел бы.

Возможна ли такая вещь?

Answer 1

Если вы имеете в виду «без добавления лишнего html» в HTML-код на стороне сервера, то нет.

Но этого можно добиться, добавив ключевое слово в jQuery.

Посмотрите на плагин jQuery Highligth , который будет искать и оборачивать ваши ключевые слова, вам просто понадобится куча CSS.

Answer 2

Вот, пожалуйста ..., проверьте работу скрипта над вашим текстом.что-то дополнительное:)

Answer 3

Вы можете изменить класс контейнера текста, чтобы добавить подсветку. Этот контейнер может быть тегом <P>, который окружает текст. Это будет весь абзац, а не только текст в абзаце, где находится текст.

Answer 4

Вам понадобится вставить некоторую разметку в DOM на каком-то этапе, но если вы не хотите помещать ее в строку с текстом, вы можете расположить теги div или img чуть ниже текста. Хотя я не уверен, как вы найдете положение текста (кроме IE, в котором есть несколько нестандартных методов с TextRanges - см. Плагин spellayt для подробной информации).

Возможно, вас заинтересует этот плагин Highlighting для jQuery , хотя он в значительной степени так и делает.