Jqueryのクローン作成

Question

cssでdsplayをnoneにしているcloneをクローンしたいのですが、$('.bid').hide();には成功するもののcloneされません。
どうすれば良いでしょうか。

//該当部分のみ記載
<div class="dobid">

    <?php if ($end == false): ?>

    <div class="bid">
      <a href="#">入札する</a>
      <span class="time">残り</span>
    </div>

    <p id="clone">このオークションは終了しました</p>

    <?php elseif ($end == true): ?>

    <p>このオークションは終了しました</p>

    <?php endif ?>

  </div>

  var recalc = function() {
    var count = countdown(cutoff);
    if (count[2] < 0) {
      // location.reload();
      $('.bid').hide();
      $('#clone').clone().prepend('.dobid').fadeIn();
    } else {
      console.log(count[1]);
      var time = count[1] + '時間' + count[2] + '分' + count[3] + '秒';
      $('.time').text(time);
      refresh();
    }
  }

//該当部分のみ記載
  var refresh = function() {
    setTimeout(recalc, 1000);
  }

  if (end == false) {
    var count = countdown(cutoff);

    if (count[2] < 0) {
      $('.bid').hide();
      $('#clone').clone().prepend('.dobid').fadeIn();
    } else if (count[1] < 1) {
      recalc();
    } else {
      var time = count[1] + '時間' + count[2] + '分' + count[3] + '秒';
      $('.time').text(time);
    }
  }

Answer 1

clone()としたところでドキュメントツリーには入りません。
https://api.jquery.com/clone/

      var clone = $('#clone').clone().prepend('.dobid');
      $('body').append(clone.removeAttr('id'));
      clone.fadeIn();

.prepend()も引数はセレクタではありませんが使い方を間違っているのでは？
https://api.jquery.com/prepend/

Comments

[Chandler_Bing]

返信遅れました。ありがとうございます。

Answer 2

idを設定したタグをcloneして挿入するとidが競合するのでは？
もう少し単純な構造にして確認したほうがよいかと