我有 jquery 代码,已设置为选择一个名为 wrap
的“div” 。
我想要做的是将选定的“div”更改为 ID 为 news
的“iframe” 。
我尝试了一些方法,但没有成功。下面是我的代码
$('document').ready(function () {
var $wrap = $('#wrap'),
page = 1;
$('#next').on('click', function () {
getPage(++page);
});
$('#prev').on('click', function () {
getPage(--page);
});
var getPage = function (page) {
$wrap.load('proxy.php?page=' + page + ' #postsArea');
};
getPage(page);
});
下面是生成的 HTML
<body>
<div id="wrap">
</div>
<button type="button" id="next">Next</button>
<button type="button" id="prev">Previous</button>
</body>
下面是我想要更改的内容
<body>
<iframe id="news">
</iframe>
<button type="button" id="next">Next</button>
<button type="button" id="prev">Previous</button>
</body>
最佳答案
“我想要做的是将选定的 'div' 更改为带有 id 新闻的 'iframe'。”
这就是如何做到这一点,并在您编写的函数中为其提供所需的 URL。
var getPage = function (page) {
$("#news").replaceWith($('<iframe>', {
src:'proxy.php?page=' + page + ' #postsArea',
id:'news'
}));
};
尽管正如有人提到的,最好首先使用 iframe。如果您想隐藏它直到需要它(这可能就是您使用 div 的原因),您可以这样做。
<iframe id="news" style="display:none;"></iframe>
JQ
var getPage = function (page) {
$("#news").prop('src', 'proxy.php?page=' + page + ' #postsArea').show();
};
关于javascript - 如何在jquery中选择一个div并将其替换为iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20742093/