jQuery的ajax代码加载新页面,但我只想获得div的html

时间:2017-10-02 04:12:40

标签: jquery ajax

HTML代码:

<body>
  <div id="content"></div>
</body>

脚本:

$.ajax({
  url:href,
  type:'GET',
  success: function(data){
    $('#content').html(data);
  }
}); 

我想只获得HTML of $('div#content') on another page。怎么做?

2 个答案:

答案 0 :(得分:1)

您可以使用解决方案

在单个时间点,单个页面将呈现到浏览器中。因此,您无法使用HTML / JavaScript在其他页面中找到上一页jQuery内容。

为此你需要使用localStorage

Page 1 HTML

<div id="contentToCopy">
  <div>
    Test
  </div>
</div>

Page 1 JavaScript/jQuery

localStorage.setItem('copiedContent', $('#contentToCopy').html());

Page 2 HTML

<div id="contentToPaste"></div>

Page 2 JavaScript/jQuery

$('#contentToPaste').html(localStorage.getItem('copiedContent');

希望这会对你有所帮助。

答案 1 :(得分:0)

我认为您可以使用jQuery来包装数据并提取div内容。 像这样的东西(我没有测试过)

$('#content').html($(data).find('div#content'));