var tables = document.getElementsByTagName("table");
for ( var t = 0; t < tables.length; t++ ) {
  var rows = tables[t].getElementsByTagName("tr");
  for ( var i = 1; i < rows.length; i += 2 )
    if ( !/(^|\s)odd(\s|$)/.test( rows[i].className ) )
      rows[i].className += " odd";
}

注意：这包括一个检查，以确保表格行上不存在“奇数”类。所有现代库都会处理此问题。

Yahoo UI：(演示)

var tables = document.getElementsByTagName("table");
for ( var t = 0; t < tables.length; t++ ) {
  var rows = tables[t].getElementsByTagName("tr");
  for ( var i = 1; i < rows.length; i += 2 )
    YAHOO.util.Dom.addClass( rows[i], "odd" );
}

注意：虽然，他们自己的开发者网站不同意。

Dojo：(演示)

var each = dojo.lang.forEach;

each(document.getElementsByTagName("table"), function(table){
  each(table.getElementsByTagName("tr"), function(row,i){
    if ( i % 2 == 1 )
      dojo.html.addClass( row, "odd" );
  });
});

注意：一个常用函数被分配给一个变量，以使代码更短。

Prototype (1.4.0)：(演示)

$A(document.getElementsByTagName("table")).each(function(table){
  $A(table.getElementsByTagName("tr")).each(function(row,i){
    if ( i % 2 == 1 )
      Element.addClassName( row, "odd" );
  });
});

Mochikit：(演示)

var byTag = getElementsByTagAndClassName;

forEach( byTag("table"), function(table) {
  var rows = byTag( "tr", null, table );
  for ( var i = 1; i < rows.length; i += 2 )
    addElementClass( rows[i], "odd" );
});

注意：一个常用函数被分配给一个变量，以使代码更短。

Prototype (1.5.0)：(演示)

$$("table").each(function(table){
  Selector.findChildElements(table, ["tr"])
    .findAll(function(row,i){ return i % 2 == 1; })
    .invoke("addClassName", "odd");
});

mootools：(演示)

$$("table").each(function(table){
  $ES("tr", table).each(function(row,i){
    if ( i % 2 == 1 )
      row.addClass( "odd" );
  });
});

jQuery：(演示)

$("tr:nth-child(odd)").addClass("odd");

如果您认为您有比这里发布的更优雅的解决方案，请在下面发布它们，以便更新列表。

新提交

这些是其他读者提交的新条目。

AJS：(演示)

AJS.map(AJS.$bytc("table"), function(table) {
 AJS.map(AJS.$bytc("tr", null, table), function(row, i) {
   if ( i % 2 == 1 && !/(^|\s)odd(\s|$)/.test( row.className ) )
     AJS.setClass( row, "odd" );
 });

Prototype 1.5.1: (demo)

$$('tr:nth-child(odd)').invoke('addClassName', 'odd');

未分类

1.0.2 中的微小 API 更改

发布于 2006 年 10 月 13 日作者 John Resig

我之前忘记在 1.0.2 版本发布说明中提到，前几天有一个小的 API 更改。这是一个错误，因为我们应该等到下一个主要版本 (jQuery 1.1) 才会进行 API 更改。

如 Steven Wittens 所总结的，以下是更改背后的前提。

在 jQuery 1.0.2 中，'success' 回调函数的第一个参数已更改为返回实际数据，而不是 XMLHttpRequest 对象。使用 'dataType' 参数传递给 $.ajax() 来控制数据如何返回。请注意，jQuery 现在可以解析 XML、JSON 和 JavaScript 以这种方式。

jQuery 1.0.1

$.ajax( {
  success: function (xmlhttp) {
    var data = $.httpData( xmlhttp );
    // 'data' holds the response data from the server
  }
);

jQuery 1.0.2

$.ajax( {
  success: function (data) {
    // 'data' holds the response data from the server
  }
);

感谢 Steven 的概要 - 对由此造成的不便，我们表示歉意！

未分类

jQuery 1.0.2

发布于 2006 年 10 月 9 日作者 John Resig

jQuery 1.0.2 现在可以下载使用！此版本是一个巨大的错误修复版本 - 强烈建议 您立即升级。和以往一样，如果您发现任何错误，请将其添加到错误追踪器中。

除了拥有更好的测试套件外，此版本的一大进步是为常见任务（如 AJAX 操作）提供更好的跨浏览器兼容性。然而，从功能上来说，此版本没有添加任何主要功能（不过，预计 1.1 版本会有一些新代码）。

我想借此机会向大家介绍 Jörn Zaefferer。他为这次发布做出了很大贡献。他负责完全改造测试套件（现在有超过 260 多个测试！），并修复了大部分当前的错误和增强功能（超过 60 个！）。如果您想感谢某个人为此次发布做出贡献，那就是他。

立即下载

已关闭的工单

此版本中已关闭的错误或增强功能的完整集

官方 jQuery 博客

月度存档：2006 年 10 月

jQuery 1.0.3

立即下载

已关闭的工单

jQuery 按钮比赛 - 多个奖品！

Firefox 之友 - Mozilla 使用 jQuery。

斑马表格对决

挑战

纯 DOM 脚本：(演示)

Yahoo UI：(演示)

Dojo：(演示)

Prototype (1.4.0)：(演示)

Mochikit：(演示)

Prototype (1.5.0)：(演示)

mootools：(演示)

jQuery：(演示)

新提交

AJS：(演示)

Prototype 1.5.1: (demo)

1.0.2 中的微小 API 更改

jQuery 1.0.2

立即下载

已关闭的工单