replace

.replace(html)

HTML要素を取得、または設定します。

.replace();

パラメータ

html: string, function

パラメータは以下のいずれかを指定することができます。

• string : <div>のようなHTMLタグ。
• function : HTMLタグを返す関数。

戻り値

element

新しく生成された要素。

例

.saveクラスの要素を、"Update"ボタンに置き換えます。

u('.save').replace('<button class="update">Update</button>');

全てのボタンを.buttonクラスを持ったリンクに置き換えます。

u('button').replace(function(btn){
  return '<a class="button">' + btn.innerHTML + '</a>';
});

デモ

"デモ用文字列"をクリックすると、 "デモ用文字列"にリンクを設定します。

* 上記の例の通りに実装すると、btn(第1引数)は空のオブジェクトでした。 要素を変更するにはarguments[2]を使って下さい。今後の仕様が変わる可能性があります。

JavaScript

u('#demo').on('click', function() {
  u(this).replace(function(){
    return '<a>' + arguments[2].innerHTML + '</a>';
  });
});

HTML

<span id="demo">デモ用文字列</span>