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

Question

如何通过jQuery，

更改鼠标悬停时的动态按钮文本

按钮

 <button type="button" id="sendRequest" ><span>Avialable Now</span></button>

jquery的

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

我想在每个动态创建的按钮上更改文本，上面我只能在单个或第一个按钮上更改文本。

Answer 1

将您的选择器从$('#sendRequest')更改为 $('button')。这会提高当前event的{​​{1}}。

＆＃13;

＆＃13;

button

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;