こんにちは。E-kan株式会社の岡田です。

よくABテストをするために、サーバに上がっているファイルを直接いじるのではなく外部ツールを使ってページの一部を書き換えるという作業をするのですが、そこでちょいちょい使うものをメモ。

【html】

<p class="abtest01">テキスト01</p>

【jquery】

//中身のテキストだけ書き換える場合
$('.abtest01').text('この内容に置き換える');

//html要素を含んで書き換える場合
$('.abtest01').html('この内容に<br>置き換える');

//外側の要素ごと書き換える場合
$('.abtest01').replaceWith('<p class="abtest02">この内容に置き換える</p>');

【出力結果】

//中身のテキストだけ書き換える場合
<p class="abtest01">この内容に置き換える</p>

//html要素を含んで書き換える場合
<p class="abtest01">この内容に<br>置き換える</p>

//外側の要素ごと書き換える場合
<p class="abtest02">この内容に置き換える</p>

【E-kan株式会社ではオンラインもくもく会を開催しています。詳しくはこちら↓】
https://elabo-mokumoku.connpass.com/