javascript - jQuery修改div后的body内容

标签 javascript jquery html

我的代码有一个标题。我想修改除标题之外的整个页面。我需要使用 html() 而不是附加/前置等。

代码如下所示:

<body>
    <div class="header">
        HEADER
    </div>
    <!-- MODIFY THIS -->
</body>

我已经尝试过,但没有成功$("body .header:after").html("TEST");

可能吗?

PS:不要添加任何div。我只想选择并修改 header 类之后的整个内容。

JSfiddle

最佳答案

你可以做这样的事情。获取 header 中的内容,然后用它来填充整个 body 标签。

jQuery(document).ready(function() {
 
  var content = jQuery(".header").text();
  jQuery("body").html("<div class='header'>"+content+"</div>" + 'modified content');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body>
  <div class="header">
    HEADER
  </div>
  Some random content
</body>

关于javascript - jQuery修改div后的body内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37960781/

相关文章:

javascript - 滚动时如何使导航栏保持不变

javascript - 奇怪的JavaScript出现在页面中

javascript - 在javascript中剪切字符串

javascript - 为什么在尝试更改链接属性时,即使控制台输出正确的结果,DOM 仍保持不变?

javascript - 单选按钮组在 Chrome 中有值(value),但在 Firefox 中没有

javascript - 将具有动态键的对象数组转换为新数组

javascript - 比较和排序 JavaScript 数组

jquery - 当移出父 DIV 时,使 Div 不可见

Javascript ajax双重请求

javascript - Adobe Acrobat Pro - 下拉列表,在 JavaScript 中显示和隐藏值