Не удается добавить jQuery для работы со строкой

Question

По какой-то необъяснимой причине добавление jQuery не работает для простых строк.

var donorFormNotValidMsg = "";
var errorMsg = "error occured";

$(donorFormNotValidMsg).append("Error occured");
$(donorFormNotValidMsg).append(errorMsg);

Ни один из случаев использования добавления выше не работает, результирующий donorFormNotValidMsg по-прежнему просто "".Почему?

Answer 1

На самом деле вы работаете со строкой, а не с элементом DOM, поэтому:

var donorFormNotValidMsg = "";
donorFormNotValidMsg += 'Error occurred';

.appned() будет работать с элементом DOM:

var donorFormNotValidMsg = "error occur ";
var errorMsg = "error2 occurred";

$('#append_messages').text(donorFormNotValidMsg);
$('#append_messages').append("<br/>"+errorMsg);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="append_messages">
</div>

Примечание: - здесь <div> является элементом DOM