同じ名前付けと挿入値を持つすべてのデータ属性をスキャンする - jQuery

Question

ページ内に複数のdata-foo="value"とvar ID = "12"があるとします。ページ上でそのデータ属性fooのすべてのインスタンスをターゲットにして、その末尾にIDを追加すると、data-foo="value12"になります。

テンプレートエンジンの結果はdata-foo="value{ID}"のようになりますが、純粋なJSまたはjQueryを使用していません。

data-foo-"value"の値は、ページ全体で異なります。

Answer 1

。

---

あなたはこのように、属性data-fooを持つすべての要素を選択するには$('*[data-foo]')セレクタを使用することができます

var ID = "12"; 

$('*[data-foo]').attr("data-foo", function(i, val) { 
    return val + ID; 
}); 

はJsfiddle（要素を検査し、htmlコードを参照してください）

Answer 2

あなたは属性を使用してそれらをターゲットにすることができ、セレクタを等しくし、その後.attr()メソッドのコールバック関数の中でその値を変更します。MilindAnantwarの答えに応じて

var ID = "12"; 
$([data-foo="value"]).attr("data-foo", function(i, val) { 
    return val + ID; 
});