Question

我目前正在Visual Studio 2013中开发SharePoint应用程序，并且我有一些代码可以克隆我拥有的表，但是当我克隆表时，我需要更改特定表行的类。这样做的原因是隐藏了特定的表行，直到选中了勾选框。

我目前的代码如下所示：

function repeatingSection() {
    $('#repeatingBtn').click(function (e) {

        e.preventDefault();
        var lastRepeatingGroup = $('.Section').last();
        var cloned = lastRepeatingGroup.clone(true);
        cloned.insertAfter(lastRepeatingGroup);
        cloned.find("input").val("");
    });
}

我尝试使用以下代码：

  var cloned = lastRepeatingGroup.clone(true).attr('id', id += $('.newClass').length).addClass('newClass');

但是我发现这只添加了正在克隆的表的类，但是我需要一个特定的表行来拥有不同的类或id，我的html如下所示：

<table class="Section">
    <tr id="NoneHiddenFields">
        <td>
            <asp:Label ID="LblOne" runat="server" Text="ID"></asp:Label>
        </td>
        <td>
            <input type="text" id="InputName" class="InputID_1" readonly="readonly" />
        </td>
        <td>
            <asp:Label ID="LblTwo" runat="server" Text="Required"></asp:Label>
        </td>
        <td>
            <input type="checkbox" id="InputCheckBox" class="InputChexkBox_1" readonly="readonly" />
        </td>
    </tr>

    <tr id="HiddenFields" class="HiddenFields_1">
        <td>
            <asp:Label ID="LblThree" runat="server" Text="ID"></asp:Label>
        </td>
        <td>
            <input type="number" id="InputID" class="InputID_1" readonly="readonly" />
        </td>
        <td>
            <asp:Label ID="LblFour" runat="server" Text="Number"></asp:Label>
        </td>
        <td>
            <input type="number" id="InputNo" class="InputNo_1" readonly="readonly" />
        </td>
    </tr>
</table>

如您所见，我需要更改'hiddenFields'表行类或ID的ID。我明白每次插入新的部分时我都需要将一个数字递增到类/ ID的末尾，但是我很难看到这样做的方法。

任何帮助将不胜感激。

Javascript .clone更改内部类

0 个答案: