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 ...