搜索并替换“-p”

Question

如何在巨大的html的id中精确搜索“-p”并在其后追加一个计数器即-p + counter。请帮忙。

Answer 1

如果你所要求的是在所有的ID，其中XX是一个递增计数器，-pXX更换-p，你可以做这样的：

var id, counter = 1; 
var elems = document.getElementsByTagName("*"); 
for (var i = 0, len = elems.length; i < len; i++) { 
    id = elems[i].id; 
    if (id && id.indexOf("-p") != -1) { 
     elems[i].id = id.replace("-p", "-p" + counter++); 
    } 
} 

如果你只是想添加文本“+专柜”，那么你可以这样来做：

var id; 
var elems = document.getElementsByTagName("*"); 
for (var i = 0, len = elems.length; i < len; i++) { 
    id = elems[i]; 
    if (id && id.indexOf("-p") != -1) { 
     elems[i].id = id.replace("-p", "-p+counter"); 
    } 
} 

如果你想要的东西（你原来的职位是不是很清楚）是其中整个ID为“-p”只更换ID值，那么你可以使用这个：

var counter = 1; 
var elems = document.getElementsByTagName("*"); 
for (var i = 0, len = elems.length; i < len; i++) { 
    if (elems[i].id == "-p") { 
     elems[i].id += counter++); 
    } 
} 

OK，你要（根据您的意见），如果你想只-p替换如果p后面没有另一封信是什么第四猜想：

var id, counter = 1; 
var elems = document.getElementsByTagName("*"); 
for (var i = 0, len = elems.length; i < len; i++) { 
    id = elems[i].id; 
    if (id) { 
     elems[i].id = id.replace(/\-p([\W_]|$)/, "-p" + counter++ + "$1"); 
    } 
} 

而且，这里有一个演示：http://jsfiddle.net/jfriend00/Ug7VN/

这最后一个的jQuery的版本将这样的工作：

var counter = 1; 
$('[id]').each(function() { 
    this.id = this.id.replace(/\-p([\W_]|$)/, "-p" + counter++ + "$1"); 
}); 

Answer 2

使用jQuery，这应该是简单：

var counter = 0; 
$('[id*="-p"]').each(function() { 
    $(this).attr('id', $(this).attr(id).replace('-p', '-p' + counter++)); 
}); 

编辑：，如果你只想在-p结束一个id 项目，你可以使用下面的（注意不同的选择）：

var counter = 0; 
$('[id$="-p"]').each(function() { 
    $(this).attr('id', $(this).attr(id).replace(/-p$/, '-p' + counter++)); 
});