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

时间:2010-03-09 22:08:40

标签: jquery list jquery-ui-sortable

对于我的网页,我有许多列表,我是从数据库中动态生成的。每个列表都是这样生成的:

<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”,如何使所有这些列表独立排序?

1 个答案:

答案 0 :(得分:3)

您可以使用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();