data-attributeの特定の文字列を置き換えるにはどうすればよいですか？

Question

要素から動的データ属性値を追加するスクリプトを使用します。classname - 2番目の部分は、データ属性の値をトリミングすることです。 HTMLの

例：私は、データ値に第一及び第三の単語を削除する例で

<div class="newgroup HardDrivesExternal" data-item-tags="HardDrivesExternal"></div> 

<div class="newgroup ServiceSuppor" data-item-tags="ServiceSupport"></div> 

- 私はカント：私はそれは次のようになりたい

<div class="newgroup HardDrivesExternal" data-item-tags="newgroup HardDrivesExternal show"></div> 

<div class="newgroup ServiceSuppor" data-item-tags="newgroup ServiceSupport"></div> 

それを要素クラスから削除して、データ属性からこれを行う必要があります。また、中間の単語が動的に変化するので、特定の単語、つまりnewgroupとshowをターゲットにしたい。それを悪化させるためには、ショーという言葉は常に価値ではありません。

値の特定の部分を置き換えるにはどうすればよいですか？

Answer 1

使用することができます。

注：.data(key, val)が機能していないため、.attrを使用しました。 Related post。また、値を表示するために、要素のテキストを更新しました。

(function() { 
 
    $.each($(".newgroup"), function(i, el){ 
 
    var attr = "item-tags"; 
 
    var val = $(el).data(attr).split(" ").splice(1,1)[0]; 
 
    $(el).attr("data-" + attr, val); 
 
    }) 
 
})()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<div class="newgroup HardDrivesExternal" data-item-tags="newgroup HardDrivesExternal show">test1 </div> 
 

 
<div class="newgroup ServiceSuppor" data-item-tags="newgroup ServiceSupport"> test2</div>

Answer 2

あなたは、私がコメントしているとして、あなたは、単語の配列を取得するには、分割を使用し、2番目の単語を取得するためにarray.splice()を使用することができますsplit()

$(document).ready(function() { 
 
    var data = $('.HardDrivesExternal').attr('data-item-tags'); 
 
    var newdata = data.split(" "); 
 
    newdata.shift(); 
 
    newdata.shift(); 
 
    alert(newdata.join(" ")); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div class="newgroup HardDrivesExternal" data-item-tags="newgroup ServiceSupport show anotherTag"></div>