jquery remove span

by LeninPrakash

HTML

<div class="someParentDiv">
    <span role="presentation">this is the text I want   
        <span class="childSpanClass">I don't want this text</span>
    </span>
</div>

CSS

.someParentDiv {
 color: green;
}
.childSpanClass {
  color: red;
}

JavaScript

$(document).ready(function () {
    //$('span.childSpanClass').remove();
    $('span.role').empty();
});