php - jqueryを使用して、親タグの外側にhtmlを追加します

Question

だから私はこのシナリオを持っています

<div id="editor" contenteditable="true">
    <div id="list">Hello</div>
</div>

電話したい

var html = $('<div id="replaced" contenteditable="false">Hello</div>');
$('#list').replaceWith(html);

問題は、出力を次のようにしたいことです。

<div id="editor" contenteditable="true">
    <div id="replaced" contenteditable="false">Hello</div><br />
</div>

私は次のことを試しましたが、うまくいきませんでした: (これは tmp.mention を置き換える div です)

$('#'+tmp.mention).replaceWith(this).parent().after('<br />');

tmp.mention を置き換える div では、contenteditable が true に設定されている div エディター内で contenteditable が false に設定されているため、これを行いたいと考えています。ない場合
、ユーザーは div の後に入力できません...

score 0 · Accepted Answer

これを試して：

$('#'+tmp.mention).replaceWith($(this).parent()).after('<br />');

私はあなたが必要だと思います

var html = $('<div id="replaced" contenteditable=false>Hello</div>');
$('#list').replaceWith(html);

#editorしかし、全体にしたい場合は

var html = $('<div id="replaced" contenteditable=false>Hello</div>');
$('#list').parent().replaceWith(html);

次のような出力が必要な場合

<div id="editor" contenteditable="true">
    <div id="replaced" contenteditable="false">Hello</div><br />
</div

それから試してください

var html = $('<div id="replaced" contenteditable=false>Hello</div>');
$('#list').replaceWith(html).after('</br>');

score 0 · Accepted Answer

これを試して：

$('#list').replaceWith('<div id="replaced" contenteditable="false">Hello</div><br />')

2 に答える 2