javascript - 使用 Jquery 将父元素附加到子元素

Question

我需要有关将子元素附加到父元素的帮助。这是我的代码。我需要将 $input 放在 $temp 中。

谢谢

function CaixaPin(){

  var $temp;
  $temp = $("<div></div>");
  $temp.addClass("caixa");

  var $input;
  for(var i=0; i<4; i++){
    $input = $("<div></div>");
    $input.addClass("caixaPin");
    $("body").append($input);
  }


  $("body").append($temp);

}

CaixaPin();

Answer 1

Body 和 $temp 以及 input 都是 DOM 元素。您可以将内容附加到 DOM 元素，这意味着您将在要附加到的元素中添加一些 HTML。

由于您将所有内容附加到正文(即 $("body").append())，您将无法成功获得关于 $ 的父子结构temp 和 $input。而是将 $input 附加到 $temp，然后将 $temp 附加到 body。

function CaixaPin(){

  var $parentElement;
  $parentElement = $("<div></div>");
  $parentElement.addClass("caixa");

  var $childElement;
  for(var i=0; i<4; i++){
    $childElement = $("<div></div>");
    $childElement.addClass("caixaPin");
    $parentElement.append($childElement);
  }


  $("body").append($parentElement);

}

CaixaPin();