javascript - 为 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 执行点击功能，并希望有多个 slideToggles，但我可以使用什么来代替 #goal1、#goal2、#goal3 等？是id加attr吗？但我如何在代码中设置它，或者我在哪里可以找到资源来找出答案？

感谢任何帮助

Answer 1

如果您不能按照已经建议的那样修改您的 HTML 添加类，你可以使用“开始于”选择器 ^:

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