使用字符串替换遍历数据集

Question

我正在尝试遍历一组li元素，并将它们的数据集属性替换为字符串。

问题是，我只想替换与另一个字符串匹配的部分，然后完整保留其其余数据集。

HTML看起来像这样：

<ul class="myUL">
   <li data-path="http://example.com/test1/">Link1</li>
    <li data-path="http://example.com/test1/test2">Link2</li>
    <li data-path="http://example.com/test1/test2/test3">Link1</li>
</ul>

这是我正在尝试的：

var UL = document.querySelector('.myUL');
var children = UL.getElementsByTagName("li");
var URL = "http://example.com/test1/";
var newURL = "http://example.com/replaced/";

for (i = 0; i < children.length; ++i) {
   var li = children[i];
   var datapath = li.dataset.path;
   if(datapath.match(URL)) {
        li.dataset.path = datapath.replace(datapath, newURL);
    }

}

但是，这只是将整个URL替换为字符串。 我只想替换与字符串匹配的部分。 所以输出应该是这样的：

<ul class="myUL">
   <li data-path="http://example.com/replaced/">Link1</li>
    <li data-path="http://example.com/replaced/test2">Link2</li>
    <li data-path="http://example.com/replaced/test2/test3">Link1</li>
</ul>

如果有人可以提供帮助，我将不胜感激。 我希望有一种方法可以从.match（）语句中获取剩余内容，然后可以将其附加到新的URL上。

这是我正在研究的小提琴http://jsfiddle.net/JLCMB/4/

Answer 1

您想用newURL替换URL ，而不是用当前的newURL替换datapath 。

所以：

li.dataset.path = datapath.replace(datapath, newURL);

变为：

li.dataset.path = datapath.replace(URL, newURL);

参见http://jsfiddle.net/JLCMB/5/

---

我还建议您在执行此行之前不需要if语句。

//if(datapath.match(URL)) {
    //should work fine just with this
    li.dataset.path = datapath.replace(URL, newURL);
//}