Jquery html()を使って空のdivを挿入したい

質問

お世話になります。
コーディングの際、「div」がひとつ多いために大幅にレイアウトが崩れてしまいました。しかし、事情があってHTMLをいじることができません。
そこで無理やりなのですが
Jqueryのhtml()を使って<div class="test">と、追加してやることにしました。

<script>
$(function(){
$("#article_btm").html('<div class="test">');
});
</script>

<div id="article_btm"></div>
</div><!--これがひとつ多いdiv-->

思惑では
<div id="article_btm"><div class="test"></div>
</div><!--これがひとつ多いdiv-->

と、なるかと思ったんですが、プレビューすると

<div id="article_btm"><div class="test"/></div>
</div><!--これがひとつ多いまま-->

となって、結局</div>がひとつ多いままなんです。
他にもtext()でもためしてみたんですが、結果は同じでした。

どなたかよい方法をご存じの方は教えてください！！

回答No.1

fujillin · ベストアンサー

ちゃんと確認していませんが…

普通にDOM操作で行おうとしても、そもそもDOMの概念に半端なタグなどは存在しないでしょうから難しいのでは？

そのタグのある、親要素のinnerHTML（=html())を取得して、文字列操作で該当する部分を取り除いた上で、上書きして戻してあげればできるのではないかな。