javascript - 更改 javascript 数组中 <a> 元素的文本

Question

我有一个 JavaScript 数组，其中包含一堆像这样的 anchor 元素:

["<a href="#" id="id1">First anchor<a>", "<a href="#" id="id2">Second anchor<a>", "<a href="#" id="id3">Third anchor<a>"]

我想仅更改最后一个 anchor 元素(第三个 anchor )中的文本，同时保持 anchor 元素本身的属性不变(这意味着我想保持 id 和 href 属性不变)。我该如何执行此操作并返回更改后的数组？

Answer 1

您没有 anchor 元素数组，而是字符串数组。而且您有一个很大的语法错误，因为您尝试在双引号字符串中包含双引号而不转义它们。无论如何:

var array = ["<a href=\"#\" id=\"id1\">First anchor<a>", "<a href=\"#\" id=\"id2\">Second anchor<a>", "<a href=\"#\" id=\"id3\">Third anchor<a>"];

array[2] = array[2].replace(/^(<[^>]+>)([^<]*)(<)/,
                            "$1" + "yourreplacementtexthere" + "$3");

演示:http://jsfiddle.net/byQcW/