Удалить текстовый узел с помощью Javascript

Question

Я пытаюсь удалить текстовый узел из div, но оставляю все остальные элементы на месте.Символ, который я хочу удалить, является косой чертой?

<div class="d-inline-block">
    <span>
        <a data-hovercard-type="user" data-hovercard-url="/hovercards?user_id=6715615" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self"
        href="/davislf2">davislf2</a>
        /
        <a href="/davislf2/24322cb99c1a7a82fb64fe1f5816aef6">
            <strong class="css-truncate-target">css_common.css</strong>
        </a>
    </span>
</div>

JSFiddle

Это желаемый результат:

Answer 1

Вы можете сделать это:

var removeNode = $('span').children();
$('span').html('').html(removeNode);

Answer 2

В этом конкретном фрагменте вы можете сделать:

document.getElementsByClassName('d-inline-block')[0].childNodes[1].childNodes[2].remove();

document.getElementsByClassName('d-inline-block')[0].childNodes[1].childNodes[2].remove();

<div class="d-inline-block">
  <span>
			<a data-hovercard-type="user" data-hovercard-url="/hovercards?user_id=6715615" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self"
			href="/davislf2">davislf2</a>
			/
			<a href="/davislf2/24322cb99c1a7a82fb64fe1f5816aef6">
				<strong class="css-truncate-target">css_common.css</strong>
			</a>
		</span>
</div>

Answer 3

Попробуйте это

var childNodes = document.getElementById('text').childNodes;

childNodes.forEach(function(entry) 
{
    if(entry.textContent.trim() =='/')
    {
    	 entry.textContent =" ";
       //entry.remove(); //for remove 
    }
});

<div class="d-inline-block" >
		<span id="text">
			<a data-hovercard-type="user" data-hovercard-url="/hovercards?user_id=6715615" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self"
			href="/davislf2">davislf2</a>
			/
			<a href="/davislf2/24322cb99c1a7a82fb64fe1f5816aef6">
				<strong class="css-truncate-target">css_common.css</strong>
			</a>
		</span>
	</div>