IT虾米网

javascript之jQuery修改div后的body内容

unruledboy 2024年12月31日 程序员 22 0

我的代码有一个标题。我想修改除标题之外的整个页面。我需要使用 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>


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!