【C029001】如下图所示，现有一个选项框，其html和css参考代码如下：

#tab ul li.cur{background-color: #eee}

<div id="tab">

    <ul>

        <li class="cur">tab1</li>

        <li>tab2</li>

    </ul>

    <div id="c-box">

        <div class="content" id="content-0">

                tab-1第一个容器的内容

        </div>

        <div class="content" id="content-1" style="display: none;">

                tab-2第二个容器的内容

        </div>

    </div>

</div>

，若要实现鼠标悬浮在某个li时，此li对应的内容显示，其他li对应的内容不能显示，如下Jquery代码正确的是（）。

• A.$("li").each(function(i){
  
       $(this).mouseover(function(){        
  
           $("#content-"+i).css("display","block");
  
  $(".content").css("display","none");
  
       })
  
  })

• B.$("li").each(function(i){
  
       $(this).mouseover(function(){
  
           $(".content").css("display","none");
  
           $("#content-"+i).css("display","block");
  
       })
  
  })

• C.$("li").each(function(i){
  
       $(this).mouseout(function(){        
  
           $("#content-"+i).css("display","block");
  
  $(".content").css("display","none");
  
       })
  
  })

• D.$("li").each(function(i){
  
       $(this).mouseout(function(){        
  
           $("#content-"+i).css("display","block");
  
  $(".content").css("display","none");
  
       })
  
  })