Safari浏览器在jQuery/JavaScript中的问题

Question

我遇到了Safari浏览器的问题。我有一个按照以下方式排列的表头：

Color Code, Color, Size, Total Box, Total Pairs

这个布局在Chrome上可以工作，但在Safari上它的排列是这样的:

Total Box Total Pairs, Size, Color Code, Color

请帮忙，谢谢。这是我的代码。

var table = document.createElement('TABLE');
var thead = document.createElement('THEAD');
var tbody = document.createElement('TBODY');

var tr = thead.insertRow(0);
var td;

// color code header
td = tr.insertCell(tr.length);
$(td).attr('rowspan',2);
$(td).text('Code');
//color name header
td = tr.insertCell(tr.length);
$(td).attr('rowspan',2);
$(td).text('Color');
//color size header
td = tr.insertCell(tr.length);
$(td).attr('colspan',season.Size.length);
$(td).text('Size');
//color total pairs header
td = tr.insertCell(tr.length);
$(td).attr('rowspan',2);
$(td).text('Total Pairs');
//color total box header
td = tr.insertCell(tr.length);
$(td).attr('rowspan',2);
$(td).text('Total Box');

- rose102593

---

它能用 insertCell(-1) 替代 insertCell(tr.length) 吗？ - Siguza

Answer 1

在Safari浏览器中没有问题。你的代码存在错误，tr.length实际上并不返回长度，而是返回undefined。因此，在不同的浏览器中顺序可能会有所变化。

http://jsfiddle.net/6mgu6goj/5/

Reason

tr.length

- kannanrbk

---

哇！太棒了！它可以工作了！非常感谢你！ - rose102593