gpt4 book ai didi

javascript - 使用 jQuery 更改 div 的内容

转载 作者:行者123 更新时间:2023-12-02 18:23:38 24 4
gpt4 key购买 nike

父 div + 其中 3 个 div。其中一个子 div 中有一个链接,单击它会更改父级的内容并在新内容中显示另一个链接,该链接应该将父级的内容更改回原始内容。 “回去”这件事是行不通的。

HTML:

<div id="parent">
<div class="onCenterSmall">
<a id="valueForMoney" href="javascript:: void(0)">Read more</a>
</div>
<div class="onCenterSmall">
</div>
<div class="onCenterSmall">
</div>
</div>

JS:

$(document).ready(function () {
$("#valueForMoney").click(function (e) {
e.preventDefault();
$("#mediaWindow").html('<div class="onCenterBig"><div id="backy"><a id="backLink" href="javascript:: void(0)">Go back</a></div></div><div class="onCenterSmall"></div>');
});
});

$(document).ready(function () {
$("#backLink").click(function (e) {
e.preventDefault();
$("#mediaWindow").html('<div class="onCenterSmall"></div><div class="onCenterSmall"></div><div class="onCenterSmall"></div>');
});
});

最佳答案

该元素是动态添加的,因此您需要一个委托(delegate)事件处理程序:

$(document).ready(function () {
$('#mediaWindow').on('click', '#valueForMoney', function (e) {
e.preventDefault();
$("#mediaWindow").html('<div class="onCenterBig"><div id="backy"><a id="backLink" href="javascript:: void(0)">Go back</a></div></div><div class="onCenterSmall"></div>');
});

$('#mediaWindow').on('click', '#backLink', function (e) {
e.preventDefault();
$("#mediaWindow").html('<div class="onCenterSmall"></div><div class="onCenterSmall"></div><div class="onCenterSmall"></div>');
});
});

关于javascript - 使用 jQuery 更改 div 的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18591643/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com