javascriptで前後のHTML要素を削除する

Question

JavaScriptを使用して選択したテキストを強調表示した後、前と次のHTML要素を削除したいのですが、選択/強調表示されたテキストを取得する方法しか知りません。 ？ありがとうございました。

function text() { 
    if (window.getSelection) 
     return window.getSelection(); 
    if (document.getSelection) 
     return document.getSelection(); 
    if (document.selection) 
     return document.selection.createRange().text; 
    return ""; 
} 

function delete_Tag() { 

    var txt = text(); 
     // txt already have the selected text 
     // I don't know how to do in here !!! 
     // I use the use the find the parentNode, but don't know how to delete the </span> 
} 

<input type='button' value='Delete Tag' onclick='delete_Tag()' /> 

<p id='text'> 
<span class="B">I am </span> 
<span class="B">working in </span> 
<span class="C">ABC company.</span> 
</p> 

例えば

<p id='text'> 
<span class="B">I am </span> 
working in 
<span class="C">ABC company.</span> 
</p> 

：私は OR「オーキン」「で働く」（選択すると、範囲内でなければなりません）、ボタンをクリックして、それが

期待される結果が表示されます強調するために、マウスを使用します

Answer 1

Jquery hideメソッドを使用できます。

Answer 2

あなたは、次のようなものを使用することができます。

var span = document.getElementsByClassName("B").item(0); 
     var parent = span.parentNode; 
     var sibling = span.nextSibling; 
     var textNode = document.createTextNode(span.innerHTML); 

     parent.removeChild(span); 
     parent.insertBefore(textNode, sibling); 

Answer 3

あなたの苦労は、要素を削除するように思わ、jQueryのを使用するのではなく、選択した要素を非表示にする方が効率的かもしれません。

Answer 4

余分なものが必要です。あなたはdocument.body.onmousedownとdocument.body.onmouseupをキャッチする必要があります。このイベントのターゲットが同じノードである場合、このノードを後で使用するために保存する必要があります。

私が期待されているものをbehabiour「ABCで作業」を選択した場合、私はあなた