如何在HTML标签中添加属性使用Jquery？

Question

我正在尝试将标识添加到标记中，同时选择标记

我需要像这样添加无效属性.... aria-readonly =＆＃34; false＆＃34;无效＆GT;

页面加载代码： -

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-required - ＆gt; ariaRequired

2. aria-invalid - ＆gt; ariaInvalid

Answer 2

在jquery中attr和prop方法之间存在一些小的差异。希望样品能为您解释。并照顾女巫道具。第二个参数必须是布尔值而不是字符串。

原始HTML标签

<div id="container"></div>

JS：

$('#container').prop('disabled', true);

产生

<div id="container" disabled></div>

JS：

$('#container').attr('disabled','disabled');

生成：

<div id="container" disabled="disabled"></div>