내용 편집 가능한 범위가 포함 된 전체 범위 요소를 삭제하는 방법은 무엇입니까?

Question

나는 콘텐츠가 편집 가능한 div입니다. 안에는 this link과 관련하여 '분수'범위가 있습니다. 여기에 내 현재 코드 (스팬의 숫자는 단지 더미 숫자)입니다 :

<span style="display:inline-block; vertical-align:middle;" contenteditable="false"> 
    <span style="display:block; min-width: 20px;border-bottom:1px solid black; text-align: center; outline: none;" contenteditable>6</span> 
    <span style="display:block; min-width: 20px;text-align: center;outline: none;" contenteditable>7</span> 
</span> 

이, 나는이 '분수'스팬 (외부 범위를 삭제하려고, 그리고 그것을 삭제 가능한해야 할 때 내 문제는, Maths WYSIWYG 프로그램), 두 개의 내부 내용 편집 가능 기간의 내용 만 제거합니다. 삭제하려고 할 때 (분명히 바깥 쪽 범위 외부이지만 contentedit div 안에 있음), 세 요소가 모두 제거되기를 원합니다. 바깥 쪽 경간이 여전히 남아 있기를 원하지 않습니다.

모든 솔루션?

UPDATE :이 작업을 수행 할 수있는 방법이없는 경우, 사용자가 삭제 키를 누를 때 전체 스팬 요소와 그 내용을 선택하는 방법은 다음 큰 부분 범위에있다? 사용자가 삭제 버튼 사용을 누를 때 당신이 범위를 삭제하려면

$('#editfraction').remove(); 

:

Answer 1

은 그냥 ID로 정상 범위를 제공합니다

<span id="editfraction" 
     style="display:inline-block; vertical-align:middle;" 
     contenteditable="false"> 

하고 삭제하려면이 옵션을 사용 ids (contentEditable 스팬의 데이터 속성과 결합).

<span ... data-ondeleteId="#editx" contenteditable>6</span> 

당신이 시도 무엇을 보여줄 수있는 예를