为slideToggle JQuery选择多个id

Question

我有像这样的slideToggle功能

$(document).ready(function(){
$(".widget-content-box").slideUp(); // $(".widget-content-box").hide()
$("#goal1").click(function(){
    $(this).parent().next().slideToggle("slow");
 });
})

我正在对＃goal1的id执行click功能，并希望有多个slideToggles，而不是使用＃goal1，＃goal2，＃goal3等我可以使用什么？它是id加上attr吗？但是我如何在代码中设置它，或者在哪里可以找到要查找的资源？

任何帮助表示赞赏

Answer 1

如果您无法按照建议修改HTML添加类， 你可以使用“开头”选择器^：

$("[id^=goal]").click(function(){
    $(this).parent().next().slideToggle("slow");
});

Answer 2

为您的元素添加goal类，然后：

$(".goal").click(function(){
    $(this).parent().next().slideToggle("slow");
});