У меня есть этот тегКак изменить атрибут с помощью jquery?
<div data-type="move" >some text</div>
Как я могу изменить атрибут, так что
<div data-ty="move" >some text</div>
У меня есть этот тегКак изменить атрибут с помощью jquery?
<div data-type="move" >some text</div>
Как я могу изменить атрибут, так что
<div data-ty="move" >some text</div>
всего 2 строки:
<div class="myDiv" data-type="move" >some text</div>
$('.myDiv').removeAttr('data-type'); // first remove old attribute
$('.myDiv').attr('data-ty',"move"); // now add new attribute
Это добавит атрибут 'data-ty' для каждого div на странице. – Ivar
как OP не упомянул ни один класс в div..и будет ответ .. но для его справки он также может добавить класс к этому div и используя свой класс, он может добавить атрибут div –
Удалите существующий атрибут и добавить новый
$('[data-type]').each(function() { // get all elemnts which have the attribute `data-type` and iterate over them
var temp = $(this).data('type'); // get the existing element attribute value
$(this)
.removeAttr('data-type') // remove the attribute
.attr('data-ty', temp); // add new attribute with value of existing
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div data-type="move">some text</div>
Я думаю, вы должны удалить Аттрибут первый, а затем добавить новый один, как предложено здесь: http://stackoverflow.com/questions/317170/how-can-i-change-html-attribute-names- с-jquery. Пример для вашего конкретного случая: https://jsfiddle.net/briosheje/zcc04yz2/. это, вероятно, дубликат, хотя :) – briosheje