Question

我想删除id = mainContainer的div。

我删除了它然后淡出它：

$("#mainContainer").fadeOut(300, function() { $(this).remove(); });

然后我创建了具有相同id的新div：

var newPageDiv = $("<div>", {id: "mainContainer"});

我如何添加：

 <a href="#">
   <img class="homeImage" src="images/home.jpg" border="0">
 </a>

和：

<a class="Next" onclick="tabs.clickNext();"
   <p>Next</p>
</a>

到“newPageDiv”，然后使用jquery显示（fadeIn）“newPageDiv”。

Answer 1

如何在jQuery中向元素添加HTML：

$('#mydiv').html('<div>this will be #mydiv innerHTML</div>');

然后

$("#mydiv").fadeIn(300);

如果你在jQuery中使用HTML工作很多，你可能会对handlebarsjs

感兴趣

Answer 2

在你的淡出时我会删除mainContainer div中的内容。

$("#mainContainer").fadeOut(300, function() { $(this).html(); });

然后添加新的HTML和fadein。

$("#mainContainer").fadeIn(300, function () {
            var str = '<a href="#"><img class="homeImage" src="images/home.jpg" border="0"></a><a class="Next" onclick="tabs.clickNext();"<p>Next</p></a>';
             $(this).html(str);
        });

Answer 3

我认为这就是你要找的东西

var newPageDiv = $("<div id='mainContainer'>" +
"<a href='#'><img class='homeImage' src='images/home.jpg' border='0'></a>" +
"<a class='Next' onclick='tabs.clickNext();'><p>Next</p></a>" +
"</div>");

newPageDiv.fadeIn(300);

Answer 4

您将需要一个容器div，然后您可以将此另一个div附加到。我已经给你代码和JSFiddle链接。

HTML：

<div class="container">

</div>

使用Javascript：

// Append your new div to the container div
$(".container").append("<div id='mainContent'></div>");
// Append the image to the mainContent div
$("#mainContent").append("<a href='#'><img src='http://www.mytabletbooksqa.com/ProductImages/test1.gif' /></a>");

Fiddle for your example

将元素添加到div，然后使用jquery淡化它

4 个答案: