如何将下一张和上一张幻灯片的名称悬停在下一张和上一张按钮上？

Question

我需要你的帮助才能在滑块的箭头上实现悬停功能，显示下一张幻灯片的名称＆＃34; next＆＃34;箭头和＆＃34;上一页＆＃34;上一张幻灯片的名称箭头。

我尝试使用jQuery对其进行编码，但我似乎无法使其正常工作。

谢谢你的帮助！

Answer 1

你可以实现它;

$("#next").mouseenter(function () {
    // Next slide name
    $(this).html("N1");
});
$("#next").mouseleave(function () {
    $(this).html("Next");
});

$("#prev").mouseenter(function () {
    // Prev slide name
    $(this).html("P1");
});
$("#prev").mouseleave(function () {
    $(this).html("Prev");
});

jsfiddle link