搜索並替換「-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++)); 
});