如何在页面视图源代码中使用jquery ready函数显示更改的id值

我正在使用jsp和jquery以及下面的方法来替换页面中看到的唯一ID

但在检查页面时，ID被替换，但在查看页面源中仍显示旧值

任何人都可以帮助如何在页面源代码中获得更改的id值

请查找用于更改id值的代码段

$(document).ready(function () {
$('[id]').each(function () {
    var ids = $('[id="' + this.id + '"]');
    if (ids.length > 1 && ids[0] == this) {
        for (i = 1; i < ids.length; i++) {
            $(ids[i]).attr('id', this.id + '_' + i);
        }
    }
});
});

$（文档）.ready（函数（）{
$（'[id]'）。每个（函数（）{
变量id=$（'[id=“'+this.id+''“]）；
如果（ids.length>1&&ids[0]==此）{
对于（i=1；i

使用以下代码：

$(document).ready(function(){
    var i = 0;
    $('[id]').each(function(){
        i++;
        this.id = this.id + '_' + i;
    });
});

---

在Chromium开发工具元素中为我工作。

你不能。您正在交付带有原始ID的页面，并让客户端更改它们。原始ID位于原始源代码中，这是交付的原因。如果您不想传递原始ID，则必须在传递源代码之前在服务器上更改它们。您不能这样做，但不要担心，因为没有必要这样做。View page source仅显示从服务器加载页面时页面的原始状态。它对其他任何东西都没有用处。在那一刻之后，一切都不取决于它的内容。如果在页面生命周期内调整JS变量和HTML元素，则无论原始状态如何，都可以正常工作。为什么您认为需要这样做？还有…为什么要替换唯一的元素ID？它们的全部目的是在页面的生命周期中保持唯一和不变。这整件事没有多大意义。阿德森-这是一个打字错误，我需要有唯一的ID。我给出的代码只是替换重复的ID。如果服务器不首先创建包含重复ID的HTML不是更好吗？这段代码只是一块膏药，覆盖了坏掉的服务器代码。同样的代码也适用于我，但问题是在查看页面源代码时仍然可以看到旧的ID。这是为了在AODA兼容性中测试站点。问题是您正在查看仅用于构建DOM的代码。更改DOM后，从服务器下载的源代码保持不变。ID只在DOM中更改，您可以在开发工具中看到这些更改。谢谢您的澄清