jquery - documentFragment への追加時にエラーが発生する

Question

ドキュメント フラグメントを作成し、それに要素を追加してそのフラグメントを返すときにエラーが発生します。私は過去に文書フラグメントを使用したことがあり (この例をはるかに超えて悪用しました)、このエラーに遭遇したことはありません。開発者コンソールでは、これがエラーの原因としてリストされています。

fragment.appendChild($balanceNumber, $balanceSign);

エラー

Uncaught NotFoundError: ノードが存在しないコンテキストでノードを参照しようとしました。

関数

var constructBalanceFragment = function(balance) {
    var $balanceNumber, $balanceSign, fragment, sign;
    fragment = document.createDocumentFragment();
    $balanceNumber = $('<span class="balance_number"></span>');
    $balanceSign = $('<span class="balance_sign"></span>');
    if (balance > 0) {
      sign = "+";
      $balanceSign.addClass("positive_number");
    } else if (balance < 0) {
      sign = "-";
      $balanceSign.addClass("negative_number");
    } else {
      sign = "";
    }
    $balanceNumber.text(balance);
    $balanceSign.text(sign);
    fragment.appendChild($balanceNumber, $balanceSign);
    return fragment;

編集

私はこれを試しましたが、誰かが尋ねる前に同じエラーが発生しました

fragment.appendChild($balanceNumber);
fragment.appendChild($balanceSign);