获取一个跨度的值并插入另一个div

Question

我有一个用CSS隐藏的span元素，我需要获取其值。 因此，我可以在另一个div内添加一个span元素。 我该如何使用jQuery？

我开始

jQuery(document).ready(function( $ ){
    $(".span-class").text();
}

我用了这个，但是没用：

jQuery(document).ready(function( $ ){
    $(".span-class").text();
    $(".span-class").append($(".div-class").html());
});

我还可以做些什么？ 谢谢！

编辑 ：这是我运行jQuery后需要的HTML外观：

从：

<div class="div-class"></div>

至：

<div class="div-class">
<span>/content of .span-class</span>
</div>

Answer 1

所以我可以在另一个div内添加一个span元素

您需要相反的操作，需要将span附加到div ，例如：

$(".div-class").append( $(".span-class").html() );

如果您只想添加跨度的文本，则可以使用.text() ：

$(".div-class").append( $(".span-class").text() );

注意：如果您不仅需要整个标签，还可以使用外部HTML，例如：

$(".span-class")[0].outerHTML

 $(".div-class").append( $(".span-class").html() ); 

 .span-class{ display: none; } .div-class{ background-color: green; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span class="span-class">SPAN CONTENT</span> <div class="div-class"> DIV CONTENT </div> 

Answer 2

如果我正确理解了这个问题，那么应该可以：

var $spanClone = $('.span-class').clone()
$spanClone.removeClass('span-class')
$('.div-class').append($spanClone)

此方法将克隆隐藏的span ，删除隐藏它的类，然后将其附加到div 。