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吗?当你点击第一个按钮时,它应该只隐藏或显示它的数据,而不是全部。是的,这会隐藏个人。这会隐藏个人吗?当你点击第一个按钮时,它应该只隐藏或显示它的数据,而不是全部。是的,它将隐藏个人。