Jak mogę dodać atrybut do określonych znaczników HTML w jQuery?
Na przykład taki prosty HTML:
<input id="someid" />
Następnie dodanie atrybutu disabled = „true” w następujący sposób:
<input id="someid" disabled="true" />
Jak mogę dodać atrybut do określonych znaczników HTML w jQuery?
Na przykład taki prosty HTML:
<input id="someid" />
Następnie dodanie atrybutu disabled = „true” w następujący sposób:
<input id="someid" disabled="true" />
Odpowiedzi:
Możesz dodać atrybuty za pomocą attr
:
$('#someid').attr('name', 'value');
Jednak dla właściwości DOM podoba checked
, disabled
i readonly
, właściwy sposób to zrobić (jak jQuery 1.6) jest w użyciu prop
.
$('#someid').prop('disabled', true);
$('#someid').prop('disabled', true);
nie działa, ale $('#someid').attr('disabled', true);
działa dobrze.
attr
lub prop
, ważne jest, aby zrozumieć różnicę między właściwości i cech. Bez zrozumienia różnicy możesz spodziewać się nieoczekiwanego zachowania. Zobacz stackoverflow.com/a/6004028/3367343
najlepsze rozwiązanie: z jQuery v1.6 możesz użyć prop (), aby dodać właściwość
$('#someid').prop('disabled', true);
aby go usunąć, użyj removeProp()
$('#someid').removeProp('disabled');
Należy również pamiętać, że metoda .removeProp () nie powinna być używana do ustawiania tych właściwości na false. Po usunięciu właściwości natywnej nie można jej ponownie dodać. Aby uzyskać więcej informacji, zobacz .removeProp ().
Możesz to zrobić za pomocą .attr
funkcji jQuery , która ustawi atrybuty. Usuwanie ich odbywa się za pomocą .removeAttr
funkcji.
//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);
//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");
$('#someid').attr('disabled', 'true');
Dodaj atrybut jako:
$('#Selector_id').attr('disabled',true);
To może być bardziej pomocne ....
$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');
.attr()
go ustawić lub odczytać. Zobacz akapit „Atrybuty kontra właściwości” w .prop () i .attr () w dokumentach jQuery. Zobacz także odpowiedź Paula Rosanii powyżej.
$('#yourid').prop('disabled', true);
użyj tego kodu <script> $('#someid').attr('disabled,'true'); </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Tekst wewnątrz symbolu $ zaznacz wszystkie elementy o id = someid, wyłączony atrybut tej zmiany id na true