Question

我想从一个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>

因此，当我点击第2页中的“获取div 2”链接时，从页面1.htm获取仅 div.two并在第2页的弹出窗口中显示它。热媒

Answer 1

你的意思是这样的吗？

$("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);
    }
  });
});

Answer 2

使用@ pawel建议的api.jquery.com/load/#loading-page-fragments

我这样做了：

$( ".popup" ).load( "page-1.htm .two" );

要在页面2.htm上填充div.popup，然后在点击“Get Div Two”时显示.popup

Answer 3

使用此javascript，这里是fiddle 这个问题很好地阐述了how to pass div value to window.open?

function openWin() {
    var divText = document.getElementById("window").outerHTML;
    var myWindow = window.open('', '', 'width=200,height=100');
    var doc = myWindow.document;
    doc.open();
    doc.write(divText);
    doc.close();
}

从一个HTML页面获取<div>并在另一个页面上弹出显示？

3 个答案: