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() );

注意：如果您需要整个标记，而不仅仅是您可以使用outerHTML的内容：

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

如果我正确理解了这个问题，这应该有效：

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

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

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

2 个答案: