Как добавить атрибут в определенные теги HTML в jQuery?
Например, вот такой простой HTML:
<input id="someid" />
Затем добавляем атрибут disabled = "true" следующим образом:
<input id="someid" disabled="true" />
Как добавить атрибут в определенные теги HTML в jQuery?
Например, вот такой простой HTML:
<input id="someid" />
Затем добавляем атрибут disabled = "true" следующим образом:
<input id="someid" disabled="true" />
Ответы:
Вы можете добавить атрибуты, используя attr
так:
$('#someid').attr('name', 'value');
Тем не менее, для свойств DOM, таких как checked
, disabled
и readonly
, правильный способ сделать это (начиная с JQuery 1.6) - использовать prop
.
$('#someid').prop('disabled', true);
$('#someid').prop('disabled', true);
не работает, но $('#someid').attr('disabled', true);
работает нормально.
attr
или prop
важно понять разницу между свойствами и атрибутами. Без понимания разницы вы можете столкнуться с неожиданным поведением. См. Stackoverflow.com/a/6004028/3367343
лучшее решение: из jQuery v1.6 вы можете использовать prop () для добавления свойства
$('#someid').prop('disabled', true);
чтобы удалить его, используйте removeProp()
$('#someid').removeProp('disabled');
Также обратите внимание, что метод .removeProp () не должен использоваться для установки этих свойств в false. После удаления нативного свойства его нельзя добавить снова. Смотрите .removeProp () для получения дополнительной информации.
Вы можете сделать это с помощью .attr
функции jQuery , которая будет устанавливать атрибуты. Удаление их осуществляется с помощью .removeAttr
функции.
//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);
//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");
$('#someid').attr('disabled', 'true');
Добавить атрибут как:
$('#Selector_id').attr('disabled',true);
Это может быть более полезным ....
$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');
.attr()
чтобы установить или прочитать его. См. Раздел «Атрибуты и свойства» в .prop () и .attr () в документации по jQuery. Также см . Ответ Павла Розания выше.
$('#yourid').prop('disabled', true);
используйте этот код <script> $('#someid').attr('disabled,'true'); </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Текст внутри символа $ выделите все элементы с id = someid, атрибут отключенного атрибута этого идентификатора изменится на true