2016-05-11 11 views
2

Ich habe diesen TagWie ändere ich das Attribut mit jquery?

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

Wie kann ich das Attribut ändern, so dass es

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

Ich glaube, Sie die attr zuerst entfernen müssen, und fügen Sie dann eine neuere Version wie hier vorgeschlagen: http://stackoverflow.com/questions/317170/how-can-i-change-html-attribute-names- mit-jquery. Beispiel für Ihren speziellen Fall: https://jsfiddle.net/briosheje/zcc04yz2/. Das ist wahrscheinlich ein Duplikat though :) – briosheje

Antwort

0

Nur 2 Zeilen:

<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

Dies wird das Attribut "data-ty" zu jedem div auf der Seite hinzufügen. – Ivar

+0

als OP hat keine Klasse in div..it erwähnt die Antwort .. aber für seine Referenz kann er auch Klasse zu diesem Div hinzufügen und mit seiner Klasse kann er Attribut zu Div hinzufügen –

2

das vorhandene Attribut entfernen und neue

hinzufügen

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

Verwandte Themen