如何单独更改具有特定属性的标签内容

时间:2013-09-18 04:51:42

标签: jquery html

我的页面中有4个“td”标签。每个“td”都包含一个“日期和时间”,如下所示:

<td nowrap="">
  25/6/1392 14:34
</td>

我想改变日期和年份的位置,如:1392/6/25 14:34

我使用下面的代码:

 var van=$("td [nowrap='']:contains('/1392')").text();
    var too=van.split(' ');
    var tri=too[0];
    var fouur=tri.split('/');
    $("td [nowrap='']:contains('/1392')").text(fouur[2]+'/'+fouur[1]+'/'+fouur[0]+' '+too[1]);

但是这段代码只是将第一个td内容更改为我想要的内容,并将所有其他td内容更改为第一个td。

1 个答案:

答案 0 :(得分:2)

td[nowrap='']之间不应有空格,如果您有空格,则会将其视为descedant selector

var van=$("td[nowrap='']:contains('/1392')").text();
var too=$.trim(van).split(' ');
var tri=too[0];
var fouur=tri.split('/');

$("td[nowrap='']:contains('/1392')").text(fouur[2]+'/'+fouur[1]+'/'+fouur[0]+' '+too[1]);

演示:Fiddle

应该像

一样简单
$("td[nowrap='']:contains('/1392')").text(function(idx, text){
    return text.replace(/(\d+)\/(\d+)\/(\d+)(?=\s)/, '$3/$2/$1')
});

演示:Fiddle