Javascript跨内容,设置text(),还原

Javascript跨内容,设置text(),还原,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个跨度和一个DIV,如下所示: <span class="foo"> <div class="bar"> Here is my <?php echo $DIV-CONTENT; ?> </div> </span> 现在,我在一段较长的代码中完成了这项工作,该代码与上面的代码完全相同,但我无法以某种方式取消设置此文本,并返回.show()或其他任何()我的 我认为这是可能的,但不稳定,删除,添加属性,但不是我可以得到

我有一个跨度和一个DIV,如下所示:

<span class="foo">
  <div class="bar">
   Here is my <?php echo $DIV-CONTENT; ?>
  </div>
</span>
现在,我在一段较长的代码中完成了这项工作,该代码与上面的代码完全相同,但我无法以某种方式取消设置此文本,并返回.show()或其他任何()我的

我认为这是可能的,但不稳定,删除,添加属性,但不是我可以得到的工作

实际上,我不确定这是否可能,因为您确实需要为此“重置”页面?

您的
没有隐藏,它被完全丢弃。您正在覆盖它。如果要保留
并将其放回内容中,则需要将其存储在变量中,以便以后手动恢复

//存储div的句柄,以便稍后恢复
var div=$('span.foo div');
$('#清除')。单击(函数(){
$('span.foo').text(“这删除了我的innerDiv”);
});
$(“#还原”)。单击(函数(){
$('span.foo').html(div);
});

这是我的
您的
没有被隐藏,它被完全丢弃。您正在覆盖它。如果要保留
并将其放回内容中,则需要将其存储在变量中,以便以后手动恢复

//存储div的句柄,以便稍后恢复
var div=$('span.foo div');
$('#清除')。单击(函数(){
$('span.foo').text(“这删除了我的innerDiv”);
});
$(“#还原”)。单击(函数(){
$('span.foo').html(div);
});

这是我的

您可以使用Jquery进行切换:

// jQuery
$(document).ready(function(){ 

//This is your button
$('#altern-panel-hided').toggle( 

    /* 
        first click.
        Function that show a hided panel
        and change the button text.
    */
    function(e){ 
        $('#panel-hided').slideDown();
        $(this).text('hide the panel');
        e.preventDefault();
    }, 

    /* 
        Secund click.
        Function that hide the panel
        and rechange the button text.
    */
    function(e){ 
        $('#panel-oculto').slideUp();
        $(this).text('Show panel');
        e.preventDefault();
    }

);

我希望它能帮助您

您可以使用Jquery切换它:

// jQuery
$(document).ready(function(){ 

//This is your button
$('#altern-panel-hided').toggle( 

    /* 
        first click.
        Function that show a hided panel
        and change the button text.
    */
    function(e){ 
        $('#panel-hided').slideDown();
        $(this).text('hide the panel');
        e.preventDefault();
    }, 

    /* 
        Secund click.
        Function that hide the panel
        and rechange the button text.
    */
    function(e){ 
        $('#panel-oculto').slideUp();
        $(this).text('Show panel');
        e.preventDefault();
    }

);

我希望它能帮助您

将原始值存储到变量中(使用类似于
var oldDiv=$('.span.foo div').html();
),然后使用
$('.span.foo').html(oldDiv)以在需要时将其设置回原位。具体存储位置和恢复方式取决于您的用例,但对您来说应该非常明显。将原始值存储到变量(使用类似于
var oldDiv=$('.span.foo div').html();
),然后使用
$('.span.foo').html(oldDiv)以在需要时将其设置回原位。具体存储位置和恢复方式取决于您的用例,但对您来说应该是相当明显的。您确定这样做有效吗?您的
div
变量是否会引用一个jquery对象,该对象一开始持有对div的引用,但在设置跨度文本后,该引用将无效,因为div已消失。在设置跨度文本之前,您需要复制或手动分离div。@nnnnnn“消失”是什么意思?它并没有“消失”,因为我还有一个参考资料。这就是我想确认的。所以,保持对它的引用意味着即使它的父文本被设置好了,它也没有消失?好吧,这确实是我所想的。这是否适用于完整的html和下拉列表等?我想应该。谢谢!这太棒了!我不得不玩一点,但这太棒了!谢谢,我需要非常清楚地谢谢你!(早上4:30)你确定这有效吗?您的
div
变量是否会引用一个jquery对象,该对象一开始持有对div的引用,但在设置跨度文本后,该引用将无效,因为div已消失。在设置跨度文本之前,您需要复制或手动分离div。@nnnnnn“消失”是什么意思?它并没有“消失”,因为我还有一个参考资料。这就是我想确认的。所以,保持对它的引用意味着即使它的父文本被设置好了,它也没有消失?好吧,这确实是我所想的。这是否适用于完整的html和下拉列表等?我想应该。谢谢!这太棒了!我不得不玩一点,但这太棒了!谢谢,我需要非常清楚地谢谢你!(4:30 am)这对OP的html结构不起作用:他们要还原的缺少的div是文本已设置元素的子元素,它会被覆盖。我建议不要重写,只隐藏该div。这对OP的html结构不起作用:他们要还原的缺少的div是文本已设置元素的子元素,它会被覆盖。我建议不要覆盖,只是隐藏那个div