htmlを変更したらマウスオーバーが効かなくなった。

Question

<div class="newsBox">
  <div class="newsBox-1 newsB">
    <a href="">
      <div class="img-b">
        <img src="img/news.kei1.jpg">
        <h3>FROM KEI<br>2018.10.10</h3>
      </div>
      <p>【お知らせ】インタビュー（２回戦終了後）/男子テニスATPワールドツアー　マスターズ1000　上海</p>
      <p>大会第4日、2回戦 ウー・イービンとの戦いに勝利した錦織選手のインタビュー。※日本語は後半部分となります▶錦織圭 インタビュー(2回戦終了後)／男子テニスATPワールドツアー マスターズ1000 上海今すぐ動画をチェック！⇒</p>
    </a>
  </div>
  <div class="newsBox-2 newsB">
    <a href="">
      <div class="img-b">
        <div class="img-box"></div>
        <h3>RESULT</h3>
      </div>
      <p>上海　ロレックス・マスターズ</p>
      <p>準決勝ロジャー・フェデラー（スイス）</p>
    </a>
  </div>
  <div class="newsBox-3 newsB">
    <a href="">
      <div class="img-b">
        <img src="img/news.kei3.jpg">
        <h3>FROM KEI<br>2018.10.06</h3>
      </div>
      <p>【お知らせ】インタビュー（準決勝直後オンコート）/楽天ジャパンオープンテニス2018</p>
      <p>大会第6日、準決勝に勝利し、同大会で4年ぶりの決勝進出を決めた錦織選手の試合直後のインタビュー！難敵リシャール・ガスケ選手との戦いを振り返るとともに、ダブルスに出場している内山選手へエールを送りました。▶錦織圭 インタビュー(準決勝直後オンコート)／楽天ジャパンオープンテニス2018動画をチェック！⇒</p>
    </a>
  </div>
</div>

$(function() {
   $(".newsBox a").hover(function() {
      $(".newsB p:first-child").css({"color": "lightgreen"});
   },function() {
      $(".newsB p:first-child").css({"color": "#000"});
   });
});

元々、２つあるpは親要素として.commentで囲んでいてnewsBox-1~3まで全てのpがマウスオーバーに反応してしまうというミスがあったもののcolorはちゃんと変わっていました。
しかし親要素.commentを外してからマウスオーバーが効かなくなってしまいました。何が原因でしょうか？

Answer 1

$(function() {
   setInterval( "slideSwitch()", 5000 );
   
   $(".newsB a").hover(function() {
      $(this).find("p:nth-child(2)").css({"color": "lightgreen"});
   },function() {
      $(this).find("p:nth-child(2)").css({"color": "#000"});
   });
});

すみません解決しました。