javascript - 如何使用 Jquery 添加属性到 HTML 标签？

Question

我正在尝试在选择该标签时向该标签添加属性

我需要添加像这样的无效属性....aria-readonly =“false”无效>

页面加载代码:-

function setFieldRequired1(field) {

    var dropdownField=$("[data-metatype='dropdown'][name='./jcr:content/metadata/document_type']");

      if (!field.val()) {
        dropdownField.prop('invalid', 'invalid');
        dropdownField.attr('aria-required', 'true');
        dropdownField.attr('aria-invalid', 'true');
        var icons = $(dropdownField.siblings('.coral-Form-fielderror'));
        icons.show();
      }
       else
      {
         dropdownField.attr('aria-required', 'false');
        dropdownField.attr('aria-invalid', 'false');
        dropdownField.removeProp('invalid');
        var icons = $(dropdownField.siblings('.coral-Form-fielderror'));
        icons.hide();
      }

}

这段代码工作正常但是当我选择具有空值的相同下拉列表时我还必须添加该无效属性？ 有什么帮助吗？

Answer 1

您不能在 JavaScript 中使用由连字符分隔的属性名称。

您必须将其转换为驼峰外壳。

例如:

1. aria 必需 --> ariaRequired

2. aria-invalid --> ariaInvalid