我如何用另一块代码通过JQuery代替另一块代码
问题描述:
我有一个php页面,我通过ajax调用,并且返回的值是我想要作为新元素放在页面中的。比如我有我如何用另一块代码通过JQuery代替另一块代码
<div id="main">
<div class="element">
Old stuff
....
</div>
<div class="element">
....
</div>
<div class="element">
....
</div>
</div>
这是我
页我有一个PHP页面我打电话观点jQuery的AJAX返回该结构
<div id="main">
<div class="element">
New stuff
....
</div>
<div class="element">
....
</div>
<div class="element">
....
</div>
</div>
,所以我需要隐藏着古老的东西,将其替换为新块
答
JQuery的AJAX实际上有一个快捷键,如果你想更换你的“主” div的内容:
$("#main").load("myAjaxPHPURL.php");
答
$('#main').html("New markup to replace");
将在id = main内替换div的内容。
$('#main').append("New markup added to end of target");
将内容添加到最后,保持原始内容不变。
$('#main').prepend("New markup added to beginning of target");
将内容添加到顶部,保持原始内容不变。 。
答
或者......
$( '#主')replaceWith($ JQ(newHtml));
这样你就不必从新内容中去掉外部div。
答
我想你想要的是
$.ajax({
url: 'ajax/myajax.php',
success: function(data) {
$('#main').html(data);
}
});