HTML/CSS

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

阿里云

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

a.html 的代码写法:

  1.     <!doctype html>
  2.     <html>
  3.      <head>
  4.       <meta charset="utf-8">
  5.       <title>页面A</title>
  6.       <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/3.1.0/jquery-3.1.0.min.js"></script>
  7.      </head>
  8.      <body>
  9.       <div id="div"></div>
  10.       <script type="text/javascript">
  11.       get();
  12.       function get(){
  13.          $("#div").load("b.html a[id^='page']");
  14.     	 }
  15.       </script>
  16.      </body>
  17.     </html>
也想出现在这里?联系我们
创客主机

b.html 的代码:

  1.     <!doctype html>
  2.     <html>
  3.      <head>
  4.      <meta charset="utf-8">
  5.       <title>页面B</title>
  6.      </head>
  7.      <body>
  8.         <a id="pageadd" href="...">添加</a>
  9.         <a id="pagesend" href="...">发送</a>
  10.         <a id="tempdel" href="...">删除</a>
  11.         <a id="tempedit" href="...">编辑</a>
  12.      </body>
  13.     </html>

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

已有 268 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!