2016-05-11 3 views
2

У меня есть этот тегКак изменить атрибут с помощью jquery?

<div data-type="move" >some text</div> 

Как я могу изменить атрибут, так что

<div data-ty="move" >some text</div> 
+2

Я думаю, вы должны удалить Аттрибут первый, а затем добавить новый один, как предложено здесь: http://stackoverflow.com/questions/317170/how-can-i-change-html-attribute-names- с-jquery. Пример для вашего конкретного случая: https://jsfiddle.net/briosheje/zcc04yz2/. это, вероятно, дубликат, хотя :) – briosheje

ответ

0

всего 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 
+1

Это добавит атрибут 'data-ty' для каждого div на странице. – Ivar

+0

как OP не упомянул ни один класс в div..и будет ответ .. но для его справки он также может добавить класс к этому div и используя свой класс, он может добавить атрибут div –

2

Удалите существующий атрибут и добавить новый

$('[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>