Question

如何多次调整div中的内容并将其存储在变量中？在下面的代码中，四个变量没有区别。它将始终显示最新的书面内容。

有人可以帮帮我吗？提前谢谢！

$("div#ingredients h1 span").html("kokos");
$("div#ingredients img").attr("src", "content/coconut.jpg");
$("div#ingredients p").html("Kokos die wij verwerken in onze Cocosballs komt uit Indonesië. De kwaliteit van die kokos draagt bij aan de heerlijke smaak van de Cocosballs.");
var coconutContent = $("div#ingredients");


$("div#ingredients h1 span").html("honing");
$("div#ingredients img").attr("src", "content/coconut.jpg");
$("div#ingredients p").html("Verse biologische honing is een onmisbaar ingrediënt in onze cocosballs, het maakt de traktatie wat frisser");
var honeyContent = $("div#ingredients");


$("div#ingredients h1 span").html("eiwit");
$("div#ingredients img").attr("src", "content/coconut.jpg");
$("div#ingredients p").html("Eiwit zorgt voor de fijne structuur van onze cocosballs en maakt ze extra luchtig");
var eggContent = $("div#ingredients");


$("div#ingredients h1 span").html("suiker"),
$("div#ingredients img").attr("src", "content/coconut.jpg"),
$("div#ingredients p").html("Het beetje suiker wat door onze Cocosballs zit, maakt onze Cocosballs af. Het wordt er wat zoeter door");
var sugarContent = $("div#ingredients");


$("div#ingredients").hide();
$(coconutContent).show();


$("#sliderButtonLeft").click(function(){

    $(sugarContent).fadeIn();

})

Answer 1

创建多个div。除了您要显示的内容之外，全部隐藏它们。您创建了四个指向同一div的变量，而不是div中所需的各种内容。

多次调整div中的内容并将其存储在变量中

1 个答案: