Question

我有两页index.html和header.html

的index.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 =＆＃34; con2＆＃34;隐藏

我试过了

的index.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";

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

Answer 1

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

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

代码的

$("#tpHeader").load("header.html", function() {
    $("#con2").hide(); 
});

如何在另一个页面加载的html内容上应用jquery？

1 个答案: