Javascript 表格行显示/隐藏

Question

我使用 Javascript/Backbone 创建了一个表。在使用模板显示行时，我有一个可见行和一个从一开始就隐藏的行。当我单击特定表格时，我希望它通过显示位于可见表格下方的隐藏行来“展开”。我还使用循环来创建表，以便所有行都具有相同的类和 ID。到目前为止，我用它来展开和折叠行:

expandRow: function() {
    if (document.getElementById('hiddenText').style.display == 'none' ) {
        document.getElementById('hiddenText').style.display = '';
    }
    else if (document.getElementById('hiddenText').style.display == '') {
        document.getElementById('hiddenText').style.display = 'none';
    }

但是，无论我单击哪一行，此解决方案都只会打开和关闭同一表行(顶部行)。我需要帮助来找到一个解决方案，以仅展开/折叠我单击的特定行。

Answer 1

ID 对于页面必须是唯一的。如果它们不是唯一的，那么您的 JavaScript 将只选择第一次出现的地方，在本例中，是 ID 为“hiddenText”的第一行。

您需要通过某种引用来选择所需的行。因此，也许在创建表的循环中，您可以在行 id 中包含一个增量索引，然后通过该方法选择适当的行。