特定の値を持つカスタム属性を持つ要素を見つけて置き換えます

Question

属性data-socketidの値がabcのすべての要素を検索し、その値をxyzに置き換えます。これを行う方法。

そのABCに注意し、ページ は、これは私がこれまでに行ったことある

をリフレッシュすると、両方が動的に作成されているXYZください。しかし、それは動作しません。

HTML

<div id="chat-win" data-socketid="abc"> 
    <div class="close-conversation-box">     
     <div class="text-right">      
     <a id="end-chat" data-socketid="abc" >End Chat</a> 
     <a id="stop_bot" data-socketid="abc" >Stop Bot</a> 
     </div> 
    </div> 
</div> 

スクリプト

var matchDataSocketId = $("[data-socketid$=abc]"); 
var len = Object.keys(matchDataSocketId).length; 

for(var i = 0; i < len; i++) { 
    $(matchDataSocketId[i]).attr('data-socketid', $(matchDataSocketId[i]).attr('data-socketid').replace(abc, xyz)); 
} 

すべてのヘルプ、提案が高く評価されます。前もって感謝します。一致する要素を

$("[data-socketid=abc]").attr("data-socketid", "xyz"); 

それだけで繰り返し処理をし、xyzからdata-socketid属性の値を変更します。

Answer 1

、あなたが

$("[data-socketid=$abc]").attr(function(_, value) { 
    return value.replace('abc', 'xyz'); 
}); 

Answer 2

これを試してみてください。

を使用すると、整合素子がその data-socketid属性の値として abcを持つべきであると述べてきたので、私はあなたのセレクタに =前 $を削除したことに注意してください。それは部分一致/交換だとコードsampleimplies 1として