javascript - 外側のdivを削除します

Question

私のJavaScriptコードには、次のような文字列が含まれています。

var html = "<div class='outer'><div id='inner'>lots more html in here</div></div>";

これを文字列に変換する必要があります

var html = "<div id='inner'>lots more html in here</div>";

私はすでにプロジェクトでjQueryを使用しているので、必要に応じてこれを使用して実行できます。

score 5 · Accepted Answer

なぜこれらすべての不必要に複雑な答えですか？

//get a reference to the outer div
var outerDiv = document.getElementById('outerDivId');//or $('#outerDivId')[0];
outerDiv.outerHTML = outerDiv.innerHTML;

以上です。外側のHTMLを内側に設定するだけで、要素はなくなります。

あなたがHTML文字列を扱っていることを私は見落としていたので、最初にそれを解析する必要があります：

var tempDiv = document.createElement('div');
tempDiv.innerHTML = htmlString;
var outerDiv = tempDiv.getElementsByTagName('div')[0];//will be the outer div
outerDiv.outerHTML = outerDiv.innerHTML;

これで完了です。

score 3 · Accepted Answer

試す：

var html = "<div class='outer'>" 
         + "<div id='inner'>lots more html in here</div></div>";

html = $(html).html();

alert(html);

http://jsfiddle.net/TTEwm/

score 2 · Accepted Answer

2

試してください.unwrap()-

$("#inner").unwrap();

于 2012-09-11T21:07:18.233 に答える

score 0 · Accepted Answer

html文字列が常に例のようになっている場合は、この単純なコードを使用できます

var html = "<div class='outer'><div class='inner'>lots more html in here</div></div>";
html = html.slice(19,-6)

score 0 · Accepted Answer

あなたはこのようなことをすることができます：

var html = "<div id='inner'>" + html.split("<div id='inner'>")[1].split("</div>")[0] + "</div>";

ただし、バリエーションに対する保護を強化することもできます（同じ規則を使用してコードを記述しないという悪い習慣がある場合）"inner"。<DIV>

デモ

javascript - 外側のdivを削除します

5 に答える 5

Related

Reference