javascript - 使用附加功能在 javascript 函数中发送数组

Question

所以情况是这样的，我通过添加带有按钮的行来创建可单击的动态表。每行都有信息并且可以单击(整行)。我寻找一种方法将我单击的行的信息发送到另一个 js 函数，该函数将在另一个动态表中复制该行。但这里有一个技巧:要创建可点击的行，我使用函数 .append 并在 标记中创建该行，该标记将使用 href="function_to_add_the_copied_row "调用另一个函数。

问题是我找不到好的语法。任何有关语法或其他方法的建议将不胜感激。这是我的代码:

//javascript function to make clickable rows
{
    var infos = modules_found[i].split("\\t");
            rowNum++;
            //word ="'Row number : "+infos[0]+"'";
            $(".targets").append('<li> <a href="javascript:transferArray(\"'+String(infos[0])+'\")"><div class="ui-grid-a"><div class="ui-block-a ui-grid-b"><div class="ui-block-a">'+infos[0]+'</div><div class="ui-block-b">'+infos[1]+'</div><div class="ui-block-c">'+infos[2]+'</div></div><div class="ui-block-b ui-grid-b"><div class="ui-block-a">'+infos[3]+'</div><div class="ui-block-b">'+infos[4]+'</div><div class="ui-block-c">'+infos[5]+'</div></div></div></a></li>');
}

//javascript function who receive the array and add the copied row
function transferArray(infos)
{
    alert("in transferArray function");
    $(".copied").append('<li> <a href="javascript:alert(\"'+row+'\")"><div class="ui-grid-a"><div class="ui-block-a ui-grid-b"><div class="ui-block-a">'+infos[0]+'</div><div class="ui-block-b">'+infos[1]+'</div><div class="ui-block-c">'+infos[2]+'</div></div><div class="ui-block-b ui-grid-b"><div class="ui-block-a">'+infos[3]+'</div><div class="ui-block-b">'+infos[4]+'</div><div class="ui-block-c">'+infos[5]+'</div></div></div></a></li>');
}

Answer 1

这是一个高级方法(假设您了解 jQuery):更好的方法是在表上注册一个单击事件监听器(通过 jQuery API 而不是在 HTML 中)，而不是将行包装在 A 标记内。在该单击处理程序中，您可以轻松获取单击的行的索引(使用 jQuery API)，一旦获得行索引，您就可以轻松克隆该行并将其移动到其他位置。