使用jQuery替换HTML符号或实体

Question

我想在鼠标结束时用文本中的上箭头更改向下箭头，所以我有这个代码

$(document).ready(function() {
    $("ul.meniu .nav").hover(function() {
        $("ul.meniu .nav:hover li").show(1000);
        $("ul.meniu .nav a:link").text(function() {
            return $(this).html().replace('&darr','&uarr');
        });
    }, function() {
        $("ul.meniu .nav li").hide(1000);
    });
});

它没有用向上箭头改变向下箭头它只是站在同一个

开始时的HTML：

<ul class="meniu">
    <div class="nav"><br>
        <a href="index.php">Articole &darr;</a>
    </div>
</ul>

悬停后：

<ul class="meniu">
    <div class="nav"><br>
        <a href="index.php">Articole &uarr;</a>
    </div>
</ul>

Answer 1

将实体放在span元素中，并在鼠标事件发生时更改span的html。

HTML （注意：您的div应该是li元素）

<ul class="meniu"> <li class="nav"> <br> <a href="index.php" onmouseover="downarr()" onmouseout="uparr()">Articole <span id="arrow"></span></a> </li> </ul>

<强> JS

function downarr(){
    $('#arror').html("↓");
}

function uparr(){
    $('#arrow').html("↑");
}