通过jQuery在鼠标悬停时更改动态按钮的文本

10 浏览
0 Comments

通过jQuery在鼠标悬停时更改动态按钮的文本

如何通过jQuery在鼠标悬停时更改动态按钮的文本，

按钮

jquery

$(document).ready(function(){
    $('#sendRequest').hover(function() {
         $(this).find('span').text('发送请求');
    }, function() {
        $(this).find('span').text('现在可用');
 });
});

我想要在每个动态创建的按钮上更改文本，但是上述代码只能在单个或第一个按钮上更改文本。

0

1 答案

0 Comments

问题的原因是选择器选择了指定的按钮（id为sendRequest），而不是所有的按钮。解决方法是将选择器更改为选择所有的按钮（使用$('button')），然后使用hover()函数来监听鼠标悬停事件，并在悬停和离开时更改按钮中元素的文本内容。最后，在文档加载完成后，使用$(document).ready()函数来执行这段代码。

代码如下所示：

$(document).ready(function(){
    $('button').hover(function() {
         $(this).find('span').text('Send Request');
    }, function() {
        $(this).find('span').text('Avialable Now');
 });
});

HTML代码如下所示：

以上就是解决问题的方法，欢迎使用。

0