Javascript 跨越内容，设置文本()，还原

Question

我有一个带有如下 DIV 的跨度:

<span class="foo">
  <div class="bar">
   Here is my <?php echo $DIV-CONTENT; ?>
  </div>
</span>

现在我可以将我的内容设置为跨度，例如:

 $(.span.foo).text("This removed my innerDiv");

现在我在一段更长的代码中工作，它的功能与上面完全相同，但我无法以某种方式取消设置此文本，并且 .show() 或 whatever() 我的

返回。

我假设这是可能的，但取消设置、删除、添加属性但不是我能做的。

我不确定这是否可行，因为您真的需要为此“重置”页面吗？

最佳答案

你的 <div>没有隐藏，它被完全丢弃。您正在覆盖它。如果你想保留 <div>并将其放回内容中，您需要将其实际存储在一个变量中，以便稍后手动恢复。

// Store a handle to the div so we can restore it later
var div = $('span.foo div');

$('#clear').click(function () {
  $('span.foo').text("This removed my innerDiv");
});

$('#restore').click(function () {
  $('span.foo').html(div);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<span class="foo">
  <div class="bar">
   Here is my <?php echo $DIV-CONTENT; ?>
  </div>
</span>

<a href="#" id="clear">clear it</a>

<a href="#" id="restore">restore it</a>

关于Javascript 跨越内容，设置文本()，还原，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34867522/

Answer 1

你的 <div>没有隐藏，它被完全丢弃。您正在覆盖它。如果你想保留 <div>并将其放回内容中，您需要将其实际存储在一个变量中，以便稍后手动恢复。

// Store a handle to the div so we can restore it later
var div = $('span.foo div');

$('#clear').click(function () {
  $('span.foo').text("This removed my innerDiv");
});

$('#restore').click(function () {
  $('span.foo').html(div);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<span class="foo">
  <div class="bar">
   Here is my <?php echo $DIV-CONTENT; ?>
  </div>
</span>

<a href="#" id="clear">clear it</a>

<a href="#" id="restore">restore it</a>