在 jQuery 中更改 .val() 的樣式或值？

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');
        }

這是我的問題，如何在此處將樣式中的“寬度”更改為：style="width:50px" 顯示為“Unwave”時類似於 width:60px？

目前，“Wave”和“Unwave”按鈕的寬度都是 50px。 我怎樣才能讓“Wave”的寬度保持 50px 並在它變成“Unwave”時變成 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

當值為“Unwave”時更改寬度

$("#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");
    }