Javascript-将鼠标悬停在按钮上时显示下一页的名称

我有一个“上一页”和一个“下一页”按钮可以切换到上一页/下一页。当我将鼠标悬停在按钮上时，我想显示页面的名称（这是一个客户的名称）

这是迄今为止我的HTML：

<a id="btn1"
  class="pager"
  href="<?php echo site_url("customer/". $prevId); ?>" 
  onmouseover="showPrevAcc()">
    <i class="icon icon-navigation-left left" aria-hidden="true"></i>Previous
</a>

<a id="btn2"
  class="pager"
  href="<?php echo site_url("customer/". $nextId); ?>" 
  onmouseover="showNextAcc()">
    Next<i class="icon icon-navigation-right right" aria-hidden="true"></i>
</a>

---

你可以得到下一个/上一个。URL的位置使用一些javascript方法

var ex = document.getElementById("btn1").getAttribute("href").split("/");
var nextPage = ex[ ex.length - 1 ]; // here your next url

您可以编辑此代码并使其更好地显示给用户。

您可以直接

<a id= "btn1" class="pager"  href="<?php echo site_url("customer/". $prevId); ?>" onmouseover="showPrevAcc()" title="<?php echo $pageName ?>"><i class="icon icon-navigation-left left" aria-hidden="true"></i>Previous</a>

您可以通过以JS方式向数据集添加值来使用它 var prevPage=“”

函数prev（）{
document.getElementById（“btn1”）.title=prevPage
}

---

如果您使用的是Wordpress，那么下一页名称也可以使用相同的名称，而“页面名称”指的是标题，而不是可以使用的Javascript和函数。在

title

属性中插入返回的值。

您应该提供一个到目前为止您自己尝试过的示例。请注意，这不是为了让我们编写您的代码，而是为了帮助您解决特定的编码问题。请看，那又怎样？我们必须写代码吗？只需获得下一个客户的名称，并通过鼠标上方的参数传递即可。我同意我的前任。。。更多的细节，更多的代码，更多的努力。你会从哪里取名字？除非你写得更详细，否则你的问题很难回答。许多元素都有一个

title

属性，你可以出于这个原因填充信息；悬停时，将显示浏览器的典型工具提示。看见那么问题仍然存在；你从哪里得到信息？

<a id= "btn1" class="pager"  href="<?php echo site_url("customer/". $prevId); ?>" onmouseover="showPrevAcc()" title="<?php echo $pageName ?>"><i class="icon icon-navigation-left left" aria-hidden="true"></i>Previous</a>

<a id= "btn1" class="pager"  href="<?php echo site_url("customer/". $prevId); ?>" onmouseover="showPrevAcc()" ><i class="icon icon-navigation-left left" aria-hidden="true"></i>Previous</a>

function prev(){
document.getElementById("btn1").title = prevPage
}