javascript - Jquery、テキストを追加タグ（括弧内）、可能ですか？

Question

これを次のように変えたい <div class="foo" id="bar"></div>
:<div class="foo" id="bar" style="color:black" "whatever else comes in mind" ></div>

css やクラスなどだけでなく、他に思いつくものは何でも、jquery は id またはクラスから要素を取得し、その < > 内に何かを追加できますか?
出来ますか？

Answer 1

他の種類のテキストを追加するとマークアップが無効になるため、属性を追加したいと考えています。したがって、次のように達成できます。

一度に複数の属性

$(foo).attr({myNewAttribute1: "myNewAttributeValue1", myNewAttribute2: "myNewAttributeValue2"});

一度に 1 つの属性

$(foo).attr("myNewAttribute", "myNewAttributeValue");

Answer 2

これは回避策になると思います

var $bar = $('#bar')

$bar.replaceWith('<div class="'+$bar.attr('class')+'" id="'+$bar[0].id+'" style="color:black" "whatever else comes in mind" ></div>');

（新しい属性を追加したくないという前提で行きました）