javascript - 从两个不同的表中选择相同索引的行

Question

提前感谢您查看我的问题。我有两个 html 表，我想从中选择表行并将其插入数组。表一的 ID 是#name，表二的 ID 是#name2。这是按住 ctrl 键并切换行以插入数组的功能。我正在尝试编写该函数，因此如果我 ctrl+click 一个表中的一行，它适用于另一个表中相同索引的行。

function rowSelect(element){
var self = this;
self = 0;
var isCtrlDown = false;

element.on('click', 'tr', function(){
    var tr = $(this);
    if(!isCtrlDown)
        return;
    tr.toggleClass('ui-selected')
})

$(document).on('keydown', function(e){
    isCtrlDown = (e.which === 17)
});

$(document).on('keyup', function(e){
    isCtrlDown = !(e.which === 17)
});

self.getSelectedRows = function(){
    var arr = [];
    element.find('.ui-selected').each(function(){
        arr.push($(this).find('td').eq(0).text())
    })

    return arr;
}

return self;


}

  window.myElement =rowSelect($('#name'))
  window.myElement = rowSelect($('#name2'))

Answer 1

看起来最简单的方法就是同时在两行上切换该类。只需获取被点击行的索引，然后按索引选择行并同时切换它们。

element.on('click', 'tr', function(){
    var index = $(this).index();
    if(!isCtrlDown)
        return;
    $('tr:nth-child(' + (index + 1) + ')').toggleClass('ui-selected');
})

此解决方案确保两行始终一起切换，然后按类选择元素将同时获得它们或两者都不获得。

另外，如果你喜欢:

rowSelect( $('#name, #name2') )

您可以同时将事件附加到两个表。