使用appendTo另一个元素后,子ID无法正常工作

时间:2014-02-23 19:41:01

标签: jquery

我有一个元素,我正在另一个元素内移动:

<div id="parent">    
  <div id="myelem">
      <div id="childelem">
        content
      </div>
  </div>
</div>

我的jQuery代码很简单:

$('#myelem').appendTo('#appendhere');
$('#parent #myelem').remove();

但是,#childelem无法识别。

我做错了什么?

编辑:我很糟糕。我也在使用BXSLIDER和我的脚本,并使用了infiniteLoop选项,它创建了我试图在其他地方追加的元素的多个实例。和appendto没什么关系。抱歉给您带来不便!

1 个答案:

答案 0 :(得分:1)

api.jquery.com/appendTo

我认为你正在寻找更像的东西:

他们的例子:

$( "h2" ).appendTo( $( ".container" ) );

这是你:

$('#myelem').appendTo($('#appendhere'));

编辑:

所以这是有效的: (JSFiddle:http://jsfiddle.net/67ya7/

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<div id="parent">
  <h2>parent</h2>
  <div id="myelem">
      <div id="childelem">
        content
      </div>
  </div>
</div>
<div id="appendhere">
  <h2>appendhere</h2>
</div>
<script type="text/javascript">
  $(window).load(function() {
    $('#myelem').appendTo($('#appendhere'));
  });
</script>