JQuery Поиск текста из div и удаление только этого текста

Question

У меня есть div, к которому я добавляю текст. Я могу удалить текст из div, но он удаляет весь текст. Я только хочу удалить определенный текст и оставить другой текст. Поскольку это динамично, я не смогу использовать идентификаторы или классы для текста.

Я попытался найти текст, используя следующее.

$('#test-div:contains("'+test2+'")').text('');


var test1 = 'Hello World!';
var test2 = 'Good bye World';

$('#test-div').append(test1 +' '+ test2);
$('#test-div:contains("'+test2+'")').text('');

<div id = "test-div"></div>

Он должен просто удалить переменный текст, но удаляет все это. Я хотел бы удалить только этот переменный текст. Я попытался найти решение, и мне не удалось найти решение.

Answer 1

на основе этого числа вы можете написать код, подобный этому:

var test1 = 'Hello World!';
var test2 = 'Good bye World';

$('#test-div').append(test1 +' '+ test2);
$('#test-div').text(function(){
    var t = $(this).text().replace(test2, '')
    return t;
});

<div id = "test-div"></div>

Answer 2

Попробуйте String.replace

var str1 = "Hello World!";
var str2 = "Good bye World";

var text = $('#test-div').text();

var res = text.replace(str2, " ");

$('#test-div').text(res );