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 предназначен для состояния наведения мыши, второй - на отсутствие мыши, таким образом:

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