Javascript 使用Jquery隐藏数据

Javascript 使用Jquery隐藏数据,javascript,jquery,html,Javascript,Jquery,Html,我有五个按钮,其中包含不同的数据 $(“.Datanewpost”)。单击(函数(){ $(“.data.toggle(); }); 数据1 海洛 数据2 海洛 数据3 海洛 数据5 海洛 数据5 海洛 Id在文档中应该是唯一的,请改用类。您可以使用$(this)。查找('.data')切换特定元素: $(“.Datanewpost”)。单击(函数(){ $(this.find('.data').toggle(); }); .data{color:red} 数据1 你好 数据2 你好 数

我有五个按钮,其中包含不同的数据

$(“.Datanewpost”)。单击(函数(){
$(“.data.toggle();
});

数据1
海洛
数据2
海洛
数据3
海洛
数据5
海洛
数据5
海洛

Id在文档中应该是唯一的,请改用类。您可以使用
$(this)。查找('.data')
切换特定元素:

$(“.Datanewpost”)。单击(函数(){
$(this.find('.data').toggle();
});
.data{color:red}

数据1
你好
数据2
你好
数据3
你好
数据4
你好
数据5
你好

Id在文档中应该是唯一的,请改用类。您可以使用
$(this)。查找('.data')
切换特定元素:

$(“.Datanewpost”)。单击(函数(){
$(this.find('.data').toggle();
});
.data{color:red}

数据1
你好
数据2
你好
数据3
你好
数据4
你好
数据5
你好

当您有多个相同的元素时,应使用
类而不是
id
,如下所示:

$(“.Datanewpost”)。单击(函数(){
$(this.find(“.data”).toggle();
});
.Datanewpost{
填充:10px;
背景色:#f7f7f7;
保证金:5px;
框大小:边框框;
}

数据1
海洛
数据2
海洛
数据3
海洛
数据5
海洛
数据5
海洛

当您有多个相同的元素时,应使用
类而不是
id
,如下所示:

$(“.Datanewpost”)。单击(函数(){
$(this.find(“.data”).toggle();
});
.Datanewpost{
填充:10px;
背景色:#f7f7f7;
保证金:5px;
框大小:边框框;
}

数据1
海洛
数据2
海洛
数据3
海洛
数据5
海洛
数据5
海洛
您可以这样使用:

$(".Datanewpost").click(function() {
  $(this).find(".data").toggle();
});

您可以这样使用:

$(".Datanewpost").click(function() {
  $(this).find(".data").toggle();


});

您的div都有相同的id。id必须是唯一的。并且您使用的选择器会查看Datanewpost类,其中没有元素具有该类。因此,不要对每个post使用相同的id,而是使用相同的class.syntax error in
$(“.data”)。toggle
应该是
$(“.data”)。toggle()
您有两个非常明显的问题。首先,您缺少结束语
在jQuery对象的选择器中,重复的
id
需要更改为
类。您的div都具有相同的id。id必须是唯一的。您使用的选择器查看Datanewpost类,其中没有元素具有该类。因此,与其对每篇文章使用相同的id,不如在
$(“.data”)中使用相同的class.syntax error。toggle;
应该是
$(“.data”)。toggle()
您有两个非常明显的问题。首先,您缺少结尾
在jQuery对象的选择器中,重复的
id
需要更改为
.Hii,这是否隐藏每个元素的个体?@user9964622 hi,yesHii,这是否隐藏每个元素的个体?@user9964622 hi,yesI希望能够隐藏或显示个体,就像当你点击一个按钮而不影响另一个按钮@user9964622时,当前的解决方案正是这样做的。当你点击
Data1
,它只会隐藏,显示下一个
hello
给它……….所有的都是一样的…….谢谢我试过了,但它在这里隐藏了所有的helo check@user9964622,HTML有点问题,我已经使用了我的答案,工作很好。。。。。。thanks@user9964622,我有一个问题,为什么小提琴中的代码没有按预期工作……你有一个
(大写V)。应该是
我希望能够隐藏或显示个人,比如当你点击一个按钮时不影响另一个按钮,@user9964622,当前的解决方案正是这样做的。当你点击
Data1
,它只会隐藏,显示下一个
hello
给它……….所有的都是一样的…….谢谢我试过了,但它在这里隐藏了所有的helo check@user9964622,HTML有点问题,我已经使用了我的答案,工作很好。。。。。。thanks@user9964622,我有一个问题,为什么小提琴中的代码没有按预期工作……你有一个
(大写V)。应该是
这会隐藏indivudual吗?当你点击第一个按钮时,它应该只隐藏或显示它的数据,而不是全部。是的,这会隐藏个人。这会隐藏个人吗?当你点击第一个按钮时,它应该只隐藏或显示它的数据,而不是全部。是的,它将隐藏个人。