乖兔博客

乖兔 > CMS系统 > javascript > jquery正则获取其他页面指定内容到当前页div

jquery正则获取其他页面指定内容到当前页div

乖兔更新于： 2020-03-28 分类：javascript

jQuery正则获取其他页面指定元素刷新到当前页div.jpg

使用jquery获取其他页面全部内容刷新到本页面div容器中比较简单，直接使用$("#div").load("b.html");就可以了。今天发一个获取其他页面获取指定元素插入到本页的例子，例子用到jquery和正则表达式。实现a.html通过js获取b.html指定a标签并插入到a.html的div中。

a.html的代码写法：

<!doctype html>
<html>
 <head>
  <meta charset="utf-8">
  <title>页面A</title>
  <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/3.1.0/jquery-3.1.0.min.js"></script>
 </head>
 <body>
  <div id="div"></div>
  <script type="text/javascript">
  get();
  function get(){
     $("#div").load("b.html a[id^='page']");
	 }
  </script>
 </body>
</html>

b.html的代码：

<!doctype html>
<html>
 <head>
 <meta charset="utf-8">
  <title>页面B</title>
 </head>
 <body>
    <a id="pageadd" href="...">添加</a>
    <a id="pagesend" href="...">发送</a>
    <a id="tempdel" href="...">删除</a>
    <a id="tempedit" href="...">编辑</a>
 </body>
</html>

打赏