0

我对 jQuery 有疑问。在我的 HTML 代码中,我有一些元素的数字不断增加,如下所示:

<ul class="flexer-0"> ... <ul class="flexer-1"> ... <ul class="flexer-2">

ul 使用以下代码对此类进行分类:

$('ul').addClass(function(index) {
    return 'flexer-' + index;
});

以后如何通过 jQuery 选择这些元素。

我的想法是这样的:

$("ul.flexer-0") ...
$("ul.flexer-1") ...
$("ul.flexer-2") ...

这很有压力,因为它会变成一个有很多 ul-lists 的长页面。应该可以使用 jQuery 获取索引号。

有人有想法吗?

4

1 回答 1

2

如果flexer-n是元素属性中的唯一类,则class可以使用以选择器开头的属性来选择所有匹配项:

$('ul[class^="flexer"]')

这将匹配任何ul属性.class flexer

但请注意,如果您有其他课程,它将不起作用,例如:

<ul class="foo flexer-3">

我会退后一步问:为什么你有所有这些flexer-n课程?这听起来像一个单一的类,也许与ids 或单个 flexers 上的一个data-*属性结合,会更有意义。

于 2012-11-06T11:16:30.827 回答