gpt4 book ai didi

jquery - 仅将内容附加到一个 div

转载 作者:行者123 更新时间:2023-12-01 06:22:51 24 4
gpt4 key购买 nike

我试图仅将内容附加到特定的 div,而不影响其他 div。

如何只将内容附加到一个div而不显示其他div中的内容?这是我的代码的现场演示:http://jsfiddle.net/aGC5s/

这是 jquery 代码:

$(".wrapper .button").click(function(event) {
event.preventDefault();
$('.wrapper').append('<span> This content will be added </span>');
});

最佳答案

试试这个:

$(".wrapper .button").click(function (event) {
event.preventDefault();
$(this).parent().append('<span> This content will be added </span>');
});

FIDDLE DEMO

使用您的代码:

$('.wrapper').append('<span>   This content will be added  </span>');

将新内容附加到所有具有 .wrapper 类的 div 中。我们首先需要使用 this 获取当前点击事件范围内的按钮。之后,我们将使用 $(this).parent() 获取其父级,然后仅将新内容附加到该特定 div。

更新

更好的代码是使用 closest()这里:

$(".wrapper .button").click(function (event) {
event.preventDefault();
$(this).closest('.wrapper').append('<span>This content will be added</span>');
});

现在,closest('.wrapper') 将通过测试元素本身并向上遍历其在DOM 树并确保不选择非直接后代。

关于jquery - 仅将内容附加到一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16776549/

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