Добавлять строку в переменную и сравнивать, если такая в переменной

@kamikazy · Регистрация: 18.11.2013

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

Переменные:
text_area - хранятся все тексты
text_area_val - записывается текст выбранного блока (создал для отладки)

Логика работы моего JQuery кода. При клике на блок, проверяет, если нет класса gray, добавляет его и записывает содержимое из внутреннего блока в text_area. При клике на этот блок снова, убирает этот кусок текста и класс gray .

Не могу разобраться, почему у меня при клике по блоку, с классом click в переменной text_area стирается весь текст.
Так же при клике по блоку без класса click добавляет текст в переменную, хотя логика когда обратная.

Еще, такой вопрос. Как сделать такое сравнение: "Если в text_area есть строка из text_area_val, то добавляет класс text-on

HTML5

<style type="text/css">
    .click{
        background-color: gray;
    }
    .text-on{
        background-color: green;
    }
</style>
 
<div class="test">
    <div>1</div>
</div>
<div class="test">
    <div>2</div>
</div>
<div class="test">
    <div>3</div>
</div>
<div class="test">
    <div>4</div>
</div>
<div class="test">
    <div>5</div>
</div>

Javascript

    var text_area = '';
    $('.test').click(function(){
        if($(this).hasClass("click")){
            text_area_val = $(this).children('div:first-child').html();
            text_area = text_area - text_area_val;
            console.log("1: " + text_area_val);
            console.log("2: " + text_area);
        }
        else{
            text_area_val = $(this).children('div:first-child').html();
            text_area = text_area + text_area_val;
            console.log("1: " + text_area_val);
            console.log("2: " + text_area);
        }
    });

Добавлено через 11 минут
[QUOTE
]Не могу разобраться, почему у меня при клике по блоку, с классом click в переменной text_area стирается весь текст.
Так же при клике по блоку без класса click добавляет текст в переменную, хотя логика когда обратная.
[/QUOTE]

Проблема решилась как то и появилась новая.
Не могу разобраться, как удалить из text_area только text_area_val.

@Уф · 24.03.2017, 21:50

replace'ом не пробовал пользоваться? просто заменяешь кусок текста на пустую строку и всё

Новые блоги и статьи
Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .	Что такое NullReferenceException и как исправить? InfoMaster 08.01.2025 NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .	Что такое Null Pointer Exception (NPE) и как это исправить? InfoMaster 08.01.2025 Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .	Русский язык в консоли C++ InfoMaster 08.01.2025 При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .	Telegram бот на C# InfoMaster 08.01.2025 Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .	Использование GraphQL в Go (Golang) InfoMaster 08.01.2025 Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор? Alexander-7 08.01.2025 Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .	Как работать с GraphQL на TypeScript InfoMaster 08.01.2025 Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .	Счётчик на базе сумматоров + регистров и генератора сигналов согласования. Hrethgir 07.01.2025 Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .	Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .	История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .

@Уф 890 / 725 / 447 Регистрация: 13.07.2015 Сообщений: 2,277
	24.03.2017, 21:50	2
	replace'ом не пробовал пользоваться? просто заменяешь кусок текста на пустую строку и всё 0