javascript - 从一个 HTML 页面中取出一个 <div> 并显示在另一个页面的弹出窗口中?

标签 javascript jquery html

我只想从一个 HTML 页面中取出一个 div 并将其显示在另一个页面的弹出窗口中。

我只想要一个 div 及其内容,而不是将该页面的其余 HTML 拉入弹出窗口,因此 iframe 不适合。

PAGE-1.HTM:

<body>
<div class="one">content</div>
<div class="two">content</div>
<div class="three">content</div>
<body>

PAGE-2.HTM:

<a href="">Get Div Two</a>

因此,当我单击 page-2.htm 中的“获取 div two”链接时,从 page-1.htm 获取 div.two 并将其显示在 page-2 的弹出窗口中。

最佳答案

你的意思是这样的?

$("a").on("click", function() {
  $.get('/PAGE-1.HTM').then(function(responseData) {
    var $responseData = $(responseData.html);
    var div = $responseData.find('.two').html();
    if (div.length > 0) {
      $('.your-popup').append(div);
    }
  });
});

关于javascript - 从一个 HTML 页面中取出一个 <div> 并显示在另一个页面的弹出窗口中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36009066/

相关文章:

javascript - 如何按类名在每个元素上使用函数?

php - 有没有一种方法可以在不按提交按钮的情况下自动触发提交?

php - jQuery 自动完成 Mysql PHP

javascript - 遍历数组并检查 jQuery 中 <td> 单元格的值

jquery - Animated.css 动画在窗口滚动使用 jQuery

javascript - 制作用于绘制和修改图像的 Web 应用程序的最佳方法是什么?

html - 我想让一个 div 在另一个 div 中居中,另一个 div 在它下面居中。

python - 重定向不起作用,每次都必须刷新页面

javascript - Highcharts 更新打破了之前的布局

javascript - 如何修复 Prototype 与 Highchart 的冲突?