нельзя передать текстовую строку в функцию jquery?

Question

Что не так с моим скриптом jquery?

Вот сценарий

function debug(message){
  $("body").append("<div id=\"debug\">"+ $(message) +"</div>"):
}
debug("show this debug message in the div");

Вот полученный HTML-код

<div id="debug">[object Object]</div>

HTML, который я ожидаю, это

<div id="debug">show this debug message in the div</div>

Answer 1

Вы конвертируете строку в объект jquery, используя $(message).по сути, вы делаете message уже не строкой, а селектором для jquery.Попробуйте следующее:

function debug(message){
  $('body').append($('<div>').attr('id','debug').text(message));
}

примечание. Я использую .attr и .text, так как это немного безопаснее при добавлении информации.примечание: ID - это уникальный идентификатор в HTML.по этой причине, если вы вызываете эту функцию несколько раз, вы можете назначить perm.div для изменения значения .text() или использования класса отладки [CSS] для div.

Answer 2

Вы вставляете объект в $ (сообщение) вместо переменной message.Попробуйте это:

    function debug(message){
      $("body").append("<div id=\"debug\">"+ message +"</div>"):
    }