选择几个集合中的第一个元素

Question

由于继承了真正非常格式不正确的HTML的流量，我有一个尴尬的问题。

基本上我有一些表行是这样的：

<tr class="odd">...</tr> 
<tr class="odd">...</tr> 
<tr class="odd">...</tr> 
<tr class="even">...</tr> 
<tr class="even">...</tr> 
<tr class="even">...</tr> 
<tr class="odd">...</tr> 
<tr class="odd">...</tr> 
<tr class="odd">...</tr> 

而我需要的是一个jQuery选择，这将使我的班每个块的第一要素。这足够清楚了吗？我不知道如何解释它。

在例子情况下，我想行1,4和7

伊夫通过选择每n个孩子做到了这一点，到目前为止，但香港专业教育学院现在意识到这不会工作，因为惯于始终是相同的数每个类的块中的行。

任何帮助，你们可以赞赏，一如既往:)

干杯！

Answer 1

你需要聘请一些战略性地利用:not()和相邻的兄弟选择：

$('tr.odd:first-child, tr.even:first-child, tr:not(.odd) + tr.odd, tr:not(.even) + tr.even') 

tr:not(...) + tr...位选择任何tr元素，它的前面紧接着一个tr，它们没有相同的类名。你不能动态地做到这一点（例如使用某种通配符），但如果分别指定每个类名称，则完全可能。这将确保您只选择每个连续组中的第一个元素。

需要的:first-child伪原因很简单，因为+将不匹配第一个孩子，因为它意味着一个元件和其前面的同级之间的关系。请注意，:first-child仅占首位tr。如果每个tr元素都只有一个类名称，您可以用替换为tr:first-child，但为了清楚起见，我仍然指定它们。

最后但并非最不重要的是，这个双击为有效的CSS选择器，所以你可以在样式表中使用它，如果你喜欢的话。

Answer 2

循环并检查当前的元素相匹配的最后一个，否则它是第一个它的一套：

var lastClass = false; 
$('tr.odd, tr.even').each({ function() { 
    lastClass = $(this).attr('class'); 
    if($(this).attr('class') != lastClass){ 
     // Do your conditional stuff here 
    } 
} 

Answer 3

$('tr.odd:not(.odd+.odd),tr.even:not(.even+.even)') 

这只是需要未跟随另一.odd任何.odd元件，并且这是不跟随另一.even元件任何.even元件。

Answer 4

var prevClass = ''; 
    $('tr').each(function(){ 
    var thisClass = $(this).attr('class'); 
    if (prevClass === thisClass) { 
    //do nothing? 
    } else { 
    //push in array? do something to the row? 
    } 
}); 

Answer 5

这可能会帮助你

$('button').click(function() { 
    var lastGroup = '' 
    $('.groups tr').each(function() { 
     if(lastGroup != this.className) { 
      $(this).css('background-color', 'red'); 
      lastGroup = this.className; 
     } 
    }); 
}); 

解释：遍历所有的TR和验证，如果类名（this.className）等于lastGroup。如果不相等，我们有一个新组（组的第一个元素）。如果相等，则忽略并继续。这将适用于任何使用的类名称。

的jsfiddle：http://jsfiddle.net/bq7zB/