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");
});

Answer 2

给你的元素一个goal类，然后：

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