具有动态生成的列表 ID 的 jquery 可排序列表

Question

对于我的网页，我有许多从数据库动态生成的列表。每个列表的生成方式如下：

<ul id = "<%= "subgroups_for_tumourgroup_" + item.ID %>">

我正在尝试使用 jquery 的可排序列表使它们可排序

<script type="text/javascript">

    $(function() {

    $('#subgroups_for_tumourgroup_1').sortable();

    });   
</script> 

问题是，鉴于我可能有任意数量的 ID（上面代码中的“1”是 ID）并且它们甚至可能不是连续的（我可能有名为“subgroups_for_tumourgroup_1”和“subgroups_for_tumourgroup_3”的列表，但没有“subgroups_for_tumourgroup_2”，如何使所有这些列表独立排序？

Answer 1

您可以使用Attribute Starts With Selector 匹配所有 ID，直到其唯一性所在的数字之前的点：

// make all ULs whose id starts with 'subgroups_for_tumourgroup_' into sortables
$('ul[id^=subgroups_for_tumourgroup_]').sortable();

也就是说，您不能只使用类选择器，而不必为 ID 操心吗？

$("ul.sortable").sortable();