小编Mar*_*kaT的帖子

事实:我没有jQuery经验或知识,这是我有关Stack Overflow的第一个问题.

需求:我正在使用Bootstrap 3.3.6构建一个网站,其中包含多个非常复杂的数据表,这些数据表必须通过CSS动态堆叠在移动设备上.必须重复列标题,否则td值没有意义.由于网站是双语的,我想控制移动td标题所说的内容.

解决方案:一个jQuery函数,它存储自定义标头 - 通过每个表的第一行中的title属性输入 - 在一个数组中,然后通过CSS content属性添加到tbody中的每个td.

问题:上面的函数运行良好..除非文档中有多个表.然后,该函数将FIRST表中的标题应用于文档中的所有表.

我想要的: 1)只为需要应用上述功能的表提供唯一的id属性. 2)应忽略没有id属性的表. 3)然后,该函数必须检索每个唯一表的标题并将其应用于每个相应的表tbody. 4)我担心这个功能可能会干扰任何其他脚本,例如Modernizr或prettyPhoto？

JSFiddle:到目前为止我所拥有的

(function() {
    "use strict";
    var tableIds = Array();
    $('table').each(function(tid) {
        if (tableIds) {
            tableIds[tid] = $(this).attr('id');
        }
        var currentId = tableIds[tid];
        alert('Id is: ' + currentId);
    });

    var header = Array();
    /*get titles from the headings*/
    $('thead tr:first-child th').each(function(i) {
        if (header) {
            header[i] = $(this).attr('title');
        }
    });
    /*loop through tbody rows and apply headings to each td*/ …