Question

我想访问带有关键字的javascript对象属性：

        var cloneIndex = $(".clonedInput").length + 1;

        $(document).on("click", 'button.clone', function (e) {
            e.preventDefault();
            $(this).closest(".clonedInput").clone().insertAfter(".clonedInput:last").attr("id",
                    "clonedInput" + cloneIndex).find("[id], [name] ,[data-valmsg-for]").each(
                    function () {
                        this.id = this.id.replace(/\d+$/, cloneIndex);
                        this.name = this.name.replace(/\d/, cloneIndex);
                        this.data-valmsg-for = this.data-valmsg-for.replace(/\d/, cloneIndex);
                    });
            cloneIndex++;
        });

但由于这条线：

this.data-valmsg-for = this.data-valmsg-for.replace(/\d/, cloneIndex);

那有：

 this.data-valmsg-for

它会抛出一个错误，因为data-valmsg-for中的“for”是一个关键字。当我改变时：

 this.data-valmsg-for

要：

this['data-valmsg-for'] = this['data-valmsg-for'].replace(/\d/, cloneIndex);

脚本会抛出此错误：

Uncaught TypeError: Cannot read property 'replace' of undefined

当我改变时：

 this.data-valmsg-for

要：

this.setAttribute('data-valmsg-for',this.getAttribute('data-valmsg-for').replace(/\d/, cloneIndex));

脚本会抛出此错误：

Uncaught TypeError: Cannot read property 'replace' of null

这是我的HTML：

<div id="clonedInput1" class="form-group clonedInput">
            <input id="CompanyId1" name="[0].CompanyId" type="hidden" value="">

            <label class="control-label col-md-2" for="NationalCode">کد ملی</label>
            <div class="col-md-3">
                <input class="form-control text-box single-line" data-val="true" data-val-regex="فرمت کد ملی صحیح نمی باشد" data-val-regex-pattern="^[0-9]{10}$" @*data-val-remote="'کد ملی' is invalid." data-val-remote-additionalfields="*.NationalCode,*.initialNationalCode" data-val-remote-url="/Account/IsValidNationalCode"*@ data-val-required="وارد کردن کد ملی اجباریست" id="NationalCode1" name="[0].NationalCode" type="text" value="">
                <span class="field-validation-valid text-danger" data-valmsg-for="[0].NationalCode" data-valmsg-replace="true"></span>
            </div>

            <label class="control-label col-md-2" for="BirthDate">BirthDate</label>
            <div class="col-md-3">
                <input class="form-control text-box single-line" data-val="true" data-val-date="The field BirthDate must be a date." data-val-required="The BirthDate field is required." id="BirthDate1" name="[0].BirthDate" type="date" value="">
                <span class="field-validation-valid text-danger" data-valmsg-for="[0].BirthDate" data-valmsg-replace="true"></span>
            </div>

</div>

Answer 1

它会抛出错误，因为＆＃34;对于＆＃34;在data-valmsg-for中是一个关键字。

不，它会引发错误，因为您要从for中valmsg减去this.data。 this.data-valmsg-for被解释为this.data - valmsg - for。

您尝试解决的问题似乎是更新DOM元素的data属性。有多种方法可以做到这一点。最基本的一个是使用getAttribute读取属性并将其设置为setAttribute：

this.setAttribute(
  'data-valmsg-for',
  this.getAttribute('data-valmsg-for').replace(/\d/, cloneIndex)
);

访问包含关键字的javascript对象属性？

1 个答案: