javascript - 如何将 HTML 数组中的所有元素显示为可点击对象？

Question

所以我用 javascript 制作了一个小脚本，如下所示:

var txtFile = new XMLHttpRequest();
txtFile.open("GET", "http://www.drakedesign.co.uk/mdmarketing/uploads/date.txt", true);
txtFile.onreadystatechange = function() {
    if (txtFile.readyState === 4) {  // Makes sure the document is ready to parse.
        if( (txtFile.status == 200) || (txtFile.status == 0) ) { // Makes sure it's found the file.
            allText = txtFile.responseText;
            arrayOfLines = allText.match(/[^\r\n]+/g);
            document.getElementById("date").innerHTML =  arrayOfLines[0];
            filename1 = (arrayOfLines[0] + ".csv");
            res1 = filename1.replace("/","-");
            res2 = res1.replace("/","-");
            urlCsv = ("http://www.drakedesign.co.uk/mdmarketing/uploads/" + res2);

        }
    }
};

txtFile.send(null);

上面的代码简单解析了每周更新的文本文档:http://www.drakedesign.co.uk/mdmarketing/uploads/date.txt

其中逐行写有日期，如下所示:

2016年4月16日

16年9月4日

2016年2月4日...

我来这里是想问如何转换上面的脚本来解析文本文档，然后显示 html 文档中的每个元素并使可视元素可点击，以便它能带我到正确的日期。

我的处理方式是错误的吗？有没有更有效的方法来做到这一点？此时我正在考虑对所有可能出现的日期进行硬编码。但我更愿意动态地执行此操作!

提前非常感谢任何提供帮助的人。

PS:我正在使用 JQUERY!抱歉之前忘了提及。

Answer 1

您的问题中没有包含 jQuery 标记，因此我假设您正在寻找简单的 Javascript 答案。对于您在回复中收到的每个日期，您可以将其转换为链接，该链接可在您的页面上点击。

类似这样的事情:

function createLink(text, url, parentElement) {
  var a = document.createElement('a');
  var linkText = document.createTextNode(text);
  a.appendChild(linkText);
  a.href = url;
  parentElement.appendChild(a);
}

然后您可以使用此帮助程序创建任意数量的链接:

createLink('16/04/16', 'http://www.hello.com/16/04/16', document.body);