jquery - jquery - 削除が正しく機能しません。src は google chrome では動作しません。ブレースを外すにはどうすればいいですか

Question

<script type="text/javascript">
$(document).ready(function() {  
    // all jQuery code goes here  
    $("li").hover(function(){
        $(this).prepend("<span>(</span>");
    },function(){
        $(this).append("<span>)</span>");
    });
    /*
    function (){
        $("li").remove();
    } 
    */

    $("li.fade").hover(function(){
        $(this).fadeOut(100);
        $(this).fadeIn(300);
    });
 });
 </script>

HTML

<div class="class1"> 
<ul id="1"> 
    <li class="fade" ><a href="server43.hostpoint.ch/~raffael1/web2.roboearth/">What is RoboEarth?</a></li> 
    <li class="fade"><a href="server43.hostpoint.ch/~raffael1/web2.roboearth/motivation/…; <li class="fade"><a href="server43.hostpoint.ch/~raffael1/web2.roboearth/project-scope/… Scope</a></li>              
</ul> 
</div>

Answer 1

角かっこはマウスオーバーで表示し、マウスアウトで削除する必要があると思います。

jquery hoverの最初のコールバックはマウスオーバー状態用で、2番目のコールバックはマウスアウト用です。

$("li").hover(
    function() {
        // mouse over
        $(this).prepend("<span>(</span>");
        $(this).append("<span>)</span>");
        },
    function() {
        // mouse out
        $(this).find('span').remove();
        }
    );