如何是现在span em class下面插入一行html

[火凤水凰]

<div class="f888">
            <h5>
                <a /></a>
            </h5>
            <p>
                <span class="sp"><em class="ec">11111</em></span>
                <span><em class="ec3">22222</em></span>
                <span><em class="ec3">33333</em></span> 
		 <span><em class="ec4">44444</em></span>
		 <span><em class="ec1">55555</em></span>
                 <span><em class="ec5">66666</em></span>
            </p>
            <h4></h4>
</div>

如何再66666 那一行下面加入新的span
<span><em class="ec7">77777</em></span>

//最终结果
<div class="f888">
            <h5>
                <a /></a>
            </h5>
            <p>
                <span class="sp"><em class="ec">11111</em></span>
                <span><em class="ec3">22222</em></span>
                <span><em class="ec3">33333</em></span> 
		<span><em class="ec4">44444</em></span>
		<span><em class="ec1">55555</em></span>
                <span><em class="ec5">66666</em></span>
                <span><em class="ec7">77777</em></span>
            </p>
            <h4></h4>
</div>

[winzond]

$("p").append(‘<span><em class="ec7">77777</em></span>’);

[MY128]

<script> var getp = document.querySelector('p'); getp.insertAdjacentHTML('beforeend',`<span><em class="ec7">77777</em></span>`); </script>

[火凤水凰]

JS执行没问题。感谢2位参与，谢谢。一楼45分以结贴，二楼虽无输出结果，但为感谢参与给5分。 一楼正确答案：可以插入。 二楼无效果，也不晓得哪里的问题，

[火凤水凰]

$('f888').find('p').append(‘<span><em class="ec7">77777</em></span>’);

限定再class内