Проверить наличие текста до и после элемента

@Raisin Zn · Регистрация: 19.04.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте.
Не могу победить возникшую задачу. Мне необходимо перед и после блока с классом inline-attachment поставить тег <br />, но только в том случае, если перед блоком есть текст, если передо блоком нету текста, то не надо добавлять перенос строки. Так же и после блока, надо проверить наличие текста, если есть - добавить перенос. После блока может быть такой же блок, его переносить не надо...

Как поставить перенос я знаю:

JavaScript
1
2
    $('.inline-attachment').before('<br />');
    $('.inline-attachment').after('<br />');

А как проверить наличие текста, не могу сообразить... Подскажите, как проверяется наличие текста?
Спасибо.

@sad67man · 15.01.2017, 01:03

Raisin Zn,

JavaScript
1
2
3
4
5
6
7
8
9
$('.inline-attachment').each(function(){
    var $this = $(this);
    if(!!this.previousSibling.textContent.trim()) {
     $this.before('<br />');
  }
  if(!!this.nextSibling.textContent.trim()) {
     $this.after('<br />');
  }
})

Добавлено через 29 секунд
https://jsfiddle.net/a2xL7be8/

@Raisin Zn · 15.01.2017, 04:14 **[ТС]**

sad67man, большое спасибо, Ваш код работает!

Теперь тег переноса на новую строку добавляется, если перед или после блока следует текст, но если текст идет форматированным, выделен каким ни будь тегом, то перенос не добавляется. Я подумал, что тут лучше проверять не наличие текста, а наличие такого же блока рядом с этим блоком, то есть .inline-attachment перед или после .inline-attachment.
Как такое сделать?

Еще, если после блока ни чего нет, то в в консоли ошибка: Uncaught TypeError: Cannot read property 'textContent' of null и остальные JS не работают...

@sad67man · 15.01.2017, 04:23

Raisin Zn, Вообще это делать лучше на стороне сервера при формирования вывода блоков.

@Raisin Zn · 15.01.2017, 04:25 **[ТС]**

https://jsfiddle.net/a2xL7be8/ - тут без ошибок отрабатывает, а у меня на странице, с ошибкой, если после блока ни чего нет...

Добавлено через 1 минуту

Сообщение от sad67man

Вообще это делать лучше на стороне сервера при формирования вывода блоков.

Дело в том, что в код ядра залесть нельзя, пока нет официального расширения для решения моей задачи, я хочу использовать вот такой "костыль"...

@sad67man · 15.01.2017, 04:27

Raisin Zn, чтоб избежать ошибки расширьте условие.

JavaScript
1
2
3
4
5
6
7
8
9
$('.inline-attachment').each(function(){
    var $this = $(this);
    if(this.previousSibling && !!this.previousSibling.textContent.trim()) {
     $this.before('<br />');
  }
  if(this.nextSibling && !!this.nextSibling.textContent.trim()) {
     $this.after('<br />');
  }
})

Добавлено через 1 минуту
Raisin Zn, на счет форматирования сейчас подумаю)

@Raisin Zn · 15.01.2017, 04:30 **[ТС]**

sad67man, спасибо!
Ошибка пропала!

@sad67man · 15.01.2017, 05:01

Raisin Zn, https://jsfiddle.net/a2xL7be8/1/

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$('.inline-attachment').each(function(){
    var $this = $(this);
  var isPrevHasClass = $this.prev().length && !$this.prev().hasClass('inline-attachment');
  var isNextHasClass = $this.next().length && !$this.next().hasClass('inline-attachment');
  var isPrevText = this.previousSibling && !!this.previousSibling.textContent.trim();
  var isNextText = this.nextSibling && !!this.nextSibling.textContent.trim();
  if(isPrevHasClass || isPrevText) {
    $this.before('<br />');
  }
  if(isNextHasClass || isNextText) {
    $this.after('<br />');
  }
})

@sad67man · 15.01.2017, 05:03

Raisin Zn, https://jsfiddle.net/a2xL7be8/1/

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$('.inline-attachment').each(function(){
    var $this = $(this);
  var isPrevHasClass = $this.prev().length && !$this.prev().hasClass('inline-attachment');
  var isNextHasClass = $this.next().length && !$this.next().hasClass('inline-attachment');
  var isPrevText = this.previousSibling && !!this.previousSibling.textContent.trim();
  var isNextText = this.nextSibling && !!this.nextSibling.textContent.trim();
  if(isPrevHasClass || isPrevText) {
    $this.before('<br />');
  }
  if(isNextHasClass || isNextText) {
    $this.after('<br />');
  }
})

@Raisin Zn · 15.01.2017, 05:16 **[ТС]**

sad67man, круто! Вы волшебник!

Большое Вам спасибо! Вы меня спасли!

@sad67man · 15.01.2017, 05:42

Raisin Zn, Принципиальный момент) Немножечко по семантике ошибся) судя по названию переменный isNextHasClass и isPrevHasClass должны возвращать true в случае, если класс имеется. Однако тут идет от обратного. Стоит их переименовать на isNextHasNoClass ну или что-то подобное)

@Raisin Zn · 15.01.2017, 05:49 **[ТС]**

sad67man, это уже мелочи!
Но слово is из переменных уберу, сделать на совесть!

Добавлено через 2 минуты

Сообщение от sad67man

Стоит их переименовать на isNextHasNoClass

Ну или так сделаю.

@sad67man · 15.01.2017, 05:52

Raisin Zn, Кстати это общепринятое правило именования переменных типа boolean во всех языках программирования. Имя переменной должна указывать на то, что там лежит в том числе и тип. Здесь добавляя слово is мы как бы задаем вопрос "имеется класс?", а значение переменной возвращает ответ. Если переменная начитается на is, значит тип переменной boolean и возвращает true/false.

@Raisin Zn · 15.01.2017, 05:58 **[ТС]**

Не знал, теперь буду знать...

Вот что получилось и как было раньше (сейчас все на своих местах, раньше картинки могли стоять в одной линии с текстом):

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .

@Raisin Zn 101 / 100 / 51 Регистрация: 19.04.2011 Сообщений: 965
	15.01.2017, 04:14 [ТС]
	sad67man, большое спасибо, Ваш код работает! Теперь тег переноса на новую строку добавляется, если перед или после блока следует текст, но если текст идет форматированным, выделен каким ни будь тегом, то перенос не добавляется. Я подумал, что тут лучше проверять не наличие текста, а наличие такого же блока рядом с этим блоком, то есть .inline-attachment перед или после .inline-attachment. Как такое сделать? Еще, если после блока ни чего нет, то в в консоли ошибка: Uncaught TypeError: Cannot read property 'textContent' of null и остальные JS не работают... 0

@sad67man 2603 / 1507 / 689 Регистрация: 23.08.2015 Сообщений: 3,814
	15.01.2017, 04:23
	Raisin Zn, Вообще это делать лучше на стороне сервера при формирования вывода блоков. 0

@Raisin Zn 101 / 100 / 51 Регистрация: 19.04.2011 Сообщений: 965
	15.01.2017, 04:30 [ТС]
	sad67man, спасибо! Ошибка пропала! 0

@Raisin Zn 101 / 100 / 51 Регистрация: 19.04.2011 Сообщений: 965
	15.01.2017, 05:16 [ТС]
	sad67man, круто! Вы волшебник! Большое Вам спасибо! Вы меня спасли! 0

@sad67man 2603 / 1507 / 689 Регистрация: 23.08.2015 Сообщений: 3,814
	15.01.2017, 05:42
	Raisin Zn, Принципиальный момент) Немножечко по семантике ошибся) судя по названию переменный isNextHasClass и isPrevHasClass должны возвращать true в случае, если класс имеется. Однако тут идет от обратного. Стоит их переименовать на isNextHasNoClass ну или что-то подобное) 1

@sad67man 2603 / 1507 / 689 Регистрация: 23.08.2015 Сообщений: 3,814
	15.01.2017, 05:52
	Raisin Zn, Кстати это общепринятое правило именования переменных типа boolean во всех языках программирования. Имя переменной должна указывать на то, что там лежит в том числе и тип. Здесь добавляя слово is мы как бы задаем вопрос "имеется класс?", а значение переменной возвращает ответ. Если переменная начитается на is, значит тип переменной boolean и возвращает true/false. 1

@Raisin Zn 101 / 100 / 51 Регистрация: 19.04.2011 Сообщений: 965
	15.01.2017, 05:58 [ТС]
	Не знал, теперь буду знать... Вот что получилось и как было раньше (сейчас все на своих местах, раньше картинки могли стоять в одной линии с текстом): Миниатюры 0

Опции темы

Проверить наличие текста до и после элемента

Решение