2016-05-11 12 views
2

私はそれがjqueryを使用して属性を変更する方法は?

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

私はあなたがATTR最初に削除してから、ここで提案のような新規の方を追加する必要がありますと思います:http://stackoverflow.com/questions/317170/how-can-i-change-html-attribute-names- jqueryと一緒に。特定のケースの例:https://jsfiddle.net/briosheje/zcc04yz2/それはおそらく重複です:) – briosheje

答えて

0

わずか2行になるように、私は属性を変更することができますどのようにこのタグ

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

あります

<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

これは、ページのすべてのdivに 'data-ty'属性を追加します。 – Ivar

+0

OPはdiv..itでどんなクラスも言及していません。答えは..ですが、彼の参照のために、彼はその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>

関連する問題