0

我有两个页面 index.html 和 header.html

索引.html

<body>
  <div id="tpHeader"></div>
  <script>
    $(function(){
      $("#tpHeader").load("header.html");
    });
  </script>
</body>

header.html

<div id="con1">
content 1
</div>
<div id="con2">
content 2
</div>

所以..当我在浏览器中查看我的文件 index.html 时，它看起来像

<div id="tpHeader">
  <div id="con1">
    content 1
  </div>
  <div id="con2">
    content 2
  </div>
</div>

现在我想在 index.html 中使用一些 js 或 jquery 来隐藏 #con2 换句话说。我想在 index.html 中编写一些代码，这使得具有 id="con2" 的元素隐藏

我努力了

索引.html

<body>
  <div id="tpHeader"></div>
  <script>
    $(function(){
      $("#tpHeader").load("header.html");
      $("#con2").hide(); // but this is not working 
    });
  </script>
</body>

我也试过使用

document.getElementById("con2").style.display = "none";

他们都没有工作..请帮助我

4

1 回答 1

1

使用.load( url [, data ] [, complete ] )方法完成功能

请求完成时执行的回调函数。

代码

$("#tpHeader").load("header.html", function() {
    $("#con2").hide(); 
});
于 2015-01-26T09:23:59.303 回答