Javascript jquery随着最后一次的增加而增加

如何增加字符串中最后一个th的宽度？我试图使其当前宽度+20px

var header=“Id
标题
地址”；
//增加最后一个宽度
header.find（th:last.css（'width'，currentwidth+20+'px'）；
警报（标题）；

尝试使用

$

将

标题转换为jQuery对象，以便在此处使用jQuery方法：

$(header).find('th:last').css('width',currentwidth+20+'px');

此外，您需要使用
'
来包装字符串，而不是
'
：

var header='IdTitleAdress'；
尝试使用
$
将
标题转换为jQuery对象，以便在此处使用jQuery方法：

$(header).find('th:last').css('width',currentwidth+20+'px');

此外，您需要使用
'
来包装字符串，而不是
'
：

var header='IdTitleAdress'；
首先，您需要从HTML字符串创建一个jQuery对象，然后在增加它之前，您需要实际获得
th
的当前宽度：

th = $(header).find('th:last');
th.css('width', (th.width() + 20) + 'px');

首先，您需要从HTML字符串创建一个jQuery对象，然后在增加它之前，您需要实际获得
th
的当前宽度：

th = $(header).find('th:last');
th.css('width', (th.width() + 20) + 'px');

var header=$（'IdTitleAdress'）；
$（header[header.length-1]）.css（{width:+=20}）；
警报（标题）；

此处演示
var header=$（'IdTitleAdress'）；
$（header[header.length-1]）.css（{width:+=20}）；
警报（标题）；

此处演示

这里的问题是JQuery find（）不能很好地处理HTML字符串。首先，我们需要注入DOM，然后它就可以正常工作了

使用
filter（）
方法可以很好地工作。这里有更好的解释


这里的问题是JQuery find（）不能很好地处理HTML字符串。首先，我们需要注入DOM，然后它就可以正常工作了

使用
filter（）
方法可以很好地工作。这里有更好的解释

不能在变量内对HTML执行jQuery操作。它仅在HTML位于DOM中时有效。请尝试使用replace、
header.repalce（'id=“tblHeader\u 1”style=“width:80px；”，'id=“tblHeader\u 1”style=“width:'+currentwidth+20+'px；”）
@GerbenJacobs True，但您可以将HTML字符串转换为jQuery对象-请参阅Felix的答案。您不能在变量内对HTML执行jQuery操作。它仅在HTML位于DOM中时有效。请尝试使用replace、
header.repalce（'id=“tblHeader\u 1”style=“width:80px；”，'id=“tblHeader\u 1”style=“width:'+currentwidth+20+'px；”）
@GerbenJacobs True，但您可以将HTML字符串转换为jQuery对象-请参阅Felix的答案。
var header = $('<th id="tblHeader_1" style="width: 80px;"><span>Id</span></th><th class="headerSortDown" id="tblHeader_2" style="width: 300px;"><span>Title</span></th><th class="headerSortDown" id="tblHeader_3" style="width: 300px;"><span>Adress</span></th>');
$(header[header.length-1]).css({width:"+=20"});
alert(header);

var header='<th id="tblHeader_1" style="width:80px;"><span>Id</span></th><th class="headerSortDown" id="tblHeader_2" style="width: 100px;"><span>Title</span></th><th class="headerSortDown" id="tblHeader_3" style="width:100px;"><span>Adress</span></th>';

var $header =  $(header);

var th = $header.filter("th:last");

th.css('width',th.width() + 50 + 'px');

$header.appendTo('#main');

var header='<th id="tblHeader_1" style="width:80px;"><span>Id</span></th><th class="headerSortDown" id="tblHeader_2" style="width: 100px;"><span>Title</span></th><th class="headerSortDown" id="tblHeader_3" style="width:100px;"><span>Adress</span></th>';

var currentwidth = 100;

$('#main').append(header).find('th:last').css('background-color','red');//For Testing pu

//Increase last th width
$('#main').find('th:last').css('width',currentwidth + 50 + 'px');