Question

我有一个包含很多东西的页面。使用脚本我更改内容，我有button1的content1，button2的content2。如果单击button1，则content2将消失，并显示content1。

我想获取浏览器中显示的页面的html代码，而不是content1中的这些代码。

你有个主意吗？谢谢:)

编辑：我希望浏览器中的页面显示的html代码不在页面.html中，所以.html（）对我不起作用。

例如：如何获取页面内容：变量中的https://stackoverflow.com/？如果可能的话，使用balise html。

（例如：＆lt; h1＆gt;热门问题＆lt; / h1＆gt; ...所有变量）我说的是显示的页面而不是源代码。

在我的页面中我有不同的div但是我不想得到所有的html，我只想在浏览器中显示这些。如果我有<html> <body> <div id="content1"> blabla </div> <div id="content2"> blabla </div> </body> </html>并且脚本我只显示content2。在浏览器中，只显示content2，我想获得<html> <body> <div id="content2"> blabla </div> </body> </html>

编辑：我的代码：

<div class="col-md-3"> <ul class="nav nav-list"> <li> <a href="#section1">Section1</a> <ul class="nav nav-list"> <li ng-show="button1"> <a href="#section1_1">Section1_1</a> </li> <li ng-show="!button1"> <a href="#section1_2">Section1_2</a> </li> </ul> </li> </ul> </div>

使用按钮我将button1设为true，将另一个设为false。因此页面的功能不同。我想在按钮为true或false时获取html代码。所以是否：

<div class="col-md-3"> <ul class="nav nav-list"> <li> <a href="#section1">Section1</a> <li ng-show="button1"> <a href="#section1_1">Section1_1</a> </li> </li> </ul> </div>

或：

<div class="col-md-3"> <ul class="nav nav-list"> <li> <a href="#section1">Section1</a> <li ng-show="!button1"> <a href="#section1_2">Section1_2</a> </li> </li> </ul> </div>

实际上是显示的结果。

Answer 1

$('body').html();会返回正文内容。

$('body').html(var VARIABLE);将通过VARIABLE

更改正文的当前内容

我猜你可以用它做你想做的事！

编辑：

隐藏ID = content1的div：

$('#content1').hide();

要表明：

$('#content1').show();

获取变量中的代码：

var html = $('#content1').html();

Answer 2

我终于找到了答案。

userMain.menuUI();

就是这样:)）

使用页面的jQuery获取html代码

2 个答案: