appendTo不工作

Question

我有这个代码

​

$('#fancybox-wrap .caption').appendTo('#fancybox-outer #fancybox-content');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="fancybox-wrap">
    <div id="fancybox-outer">
        <div id="fancybox-content"></div>
    </div>
    <p class="caption">Hello world</p>
</div>

​

我想把.caption放到#fancybox-content中。我试图附加这个p，但它不起作用。

谢谢你的帮助！

Answer 1

您不需要在fancybox-wrap div中使用任何名为wp-caption-text的类。当你访问对象时，你必须更改类名：

$('#fancybox-wrap .caption').appendTo('#fancybox-outer #fancybox-content');

或者更改p元素中的class属性：

<p class="wp-caption-text">Hello world</p>

Answer 2

您是否正在尝试将.caption类添加到#fancybox-outer #fancybox-content？.在这种情况下，我建议您使用..

$('#fancybox-outer').addClass('caption');
$('#fancybox-content').addClass('caption');

而不是appendTo。