Question

这是我的jQuery代码：

            if(data.status == 'Waved')
            {
                $("#wave"+data.id).val("Unwave");
            }
            else if(data.status == 'Unwaved')
            {
                $("#wave"+data.id).val("Wave");
            }

这是我的HTML代码：

<input type="button" style="width:50px" id="wave_id" value="Wave" data-action="button">

这是我的PHP代码：

if(result == 'Waved')
        {
                    $("#wave"+link_id).val("Unwave");
        }
        else
        {
                    $("#wave"+link_id).val('Waved');
        }

这是我的问题，如何更改＆＃34;宽度＆＃34;在这里风格：style =＆＃34;宽度：50px＆＃34;是宽度：60px，当它显示＆＃34; Unwave＆＃34;？

目前按钮的宽度为50px，适用于＆＃34; Wave＆＃34;和＃34; Unwave＆＃34;。我怎样才能使宽度保持50px，以及＃34; Wave＆＃34;并在更改为＆＃34; Unwave＆＃34;？

时更改为60px

Answer 1

只需添加.css('width','60px')

即可

if (data.status == 'Waved') {
  $("#wave" + data.id).val("Unwave").css('width', '50px');

} else if (data.status == 'Unwaved') {
  $("#wave" + data.id).val("Wave").css('width', '60px');
}

<input type="button" style="width:50px" id="wave_id" value="Wave" data-action="button">

Answer 2

简单：

$("#wave"+link_id).css("width", "60px");

所以它可以是这样的：

if(result == 'Waved')
{
  $("#wave"+link_id).val("Unwave");
  $("#wave"+link_id).css("width", "60px");
}
else
{
  $("#wave"+link_id).val('Waved');
  $("#wave"+link_id).css("width", "50px");
}

或者只是这样：

if(result == 'Waved')
    {
      $("#wave"+link_id).val("Unwave").css("width", "60px");
    }
    else
    {
      $("#wave"+link_id).val('Waved').css("width", "50px");
    }



if(data.status == 'Waved')
        {
            $("#wave"+data.id).val("Unwave").css("width", "60px");
        }
        else if(data.status == 'Unwaved')
        {
            $("#wave"+data.id).val("Wave").css("width", "50px");
        }

Answer 3

当值为＆＃34; Unwave＆＃34;

时，只需更改宽度

$("#wave"+link_id).val("Unwave").css('width','60px');

Answer 4

   if (data.status == 'Waved')
    {
       $("#wave"+link_id).val("Unwave").css("width", "50px");
    }
    else
    {
       $("#wave"+link_id).val('Waved').css("width", "60px");
    }

在jQuery中更改.val（）的样式或值？

4 个答案: