jquery - 如何使用 jQuery 获取 id 元素的一部分？

Question

如何从 id="old-[id]"的 span 中获取“一些文本”并将其放入 id="new-[id]"中？

<span id="old-1">Some text</span>
<span id="new-1"></span>
<span id="old-5">Some text</span>
<span id="new-5"></span>

我不知道如何在没有 substring() 函数的情况下获取 id 的数字部分。我认为存在是更正确的解决方案。谢谢。

Answer 1

由于您的问题并不完全清楚您要问的内容，我将为您提供一堆不同的示例:

对于单个 id，您可以这样做:

$("#new-1").text($("#old-1").text());

如果您有一堆连续 ID 想要执行此操作，您可以这样做:

for (var i = 1; i <= 5; i++) {
    $("#new-" + i).text($("#old-" + i).text());
}

如果是 HTML，而不仅仅是文本，则可以在上面的代码中使用 .html() 代替 .text()。

$("#new-1").html($("#old-1").html());

或

for (var i = 1; i <= 5; i++) {
    $("#new-" + i).html($("#old-" + i).html());
}

如果您想查找 ID 以“old-”开头的所有对象并处理所有对象，无论它们有多少个以及数字是什么，您可以这样做:

$('[id^="old-"]').each(function() {
    var newid = this.id.replace(/old/, "new");
    $("#" + newid).html($(this).html())
})

这将创建一个包含 id 以“old-”开头的所有对象的 jQuery 对象，然后将“old”替换为“new”以创建目标 id 值并使用它从源复制 HTML到达目的地。

如果名为 elem 的变量中有给定对象，并且您只想提取 id 值的数字部分，则可以使用正则表达式来匹配数字部分，如下所示:

var matches = elem.id.match(/\d+$/);
if (matches) {
    var numString = matches[0];
}