Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取脚本以返回HTML中的链接_Javascript_Jquery_Json - Fatal编程技术网

Javascript 获取脚本以返回HTML中的链接

Javascript 获取脚本以返回HTML中的链接,javascript,jquery,json,Javascript,Jquery,Json,我发现了一个用于从Feedly中提取保存的文章的脚本(通过在Chrome的Inspect元素控制台中运行它),但我想根据我的需要对它进行一些调整。我不是一个开发人员或类似的人,所以如果有人能帮助我,我将不胜感激 以下是脚本的一部分: json = "" function copyToClipboard() { // Loop through the DOM, grabbing the information from each bookmark map = jQuery("#section0_c

我发现了一个用于从Feedly中提取保存的文章的脚本(通过在Chrome的Inspect元素控制台中运行它),但我想根据我的需要对它进行一些调整。我不是一个开发人员或类似的人,所以如果有人能帮助我,我将不胜感激

以下是脚本的一部分:

json = ""
function copyToClipboard() {
// Loop through the DOM, grabbing the information from each bookmark
map = jQuery("#section0_column0 div.u0Entry.quicklisted").map(function(i, el) {
    var $el = jQuery(el);
    var regex = /published:(.*)\ --/i;
    return {
        title: $el.data("title"),
        url: $el.data("alternate-link"),
        time: regex.exec($el.find("div.lastModified span").attr("title"))[1]
    };
}).get(); // Convert jQuery object into an array

// Convert to a nicely indented JSON string
json = JSON.stringify(map, undefined, 2)
下面是它返回的内容的示例:

[
  {
    "title": "Blog post headline",
    "url": "http://urlofblogpost.com/article",
    "time": "Tue, 10 Dec 2014 21:00:00 GMT"
  },
  {
    "title": "Blog post2 headline",
    "url": "http://urlofblogpost.com/article2",
    "time": "Tue, 10 Dec 2014 21:00:00 GMT"
  },
]
以下是我希望它能返回的内容:

<a href="http://urlofblogpost.com/article">Blog post headline</a>
<a href="http://urlofblogpost.com/article2">Blog post2 headline</a>

有没有办法更改脚本以使其进入链接?

只需迭代json即可:

Javascript:

function copyToClipboard() {
// Loop through the DOM, grabbing the information from each bookmark
map = jQuery("#section0_column0 div.u0Entry.quicklisted").map(function(i, el) {
    var $el = jQuery(el);
    var regex = /published:(.*)\ --/i;
    return {
        title: $el.data("title"),
        url: $el.data("alternate-link"),
        time: regex.exec($el.find("div.lastModified span").attr("title"))[1]
    };
}).get(); // Convert jQuery object into an array

var theLink = '';
$.each(yourJson, function(k,v){ 
   theLink +=  "<a href=" + v.url + " >" + v.title + " </a>, \n";
}); 

window.prompt('my link', theLink);
函数copyToClipboard(){
//在DOM中循环,从每个书签中获取信息
map=jQuery(“#section0_column0 div.u0Entry.quicklist”).map(函数(i,el){
var$el=jQuery(el);
var regex=/published:(.*)\--/i;
返回{
标题:$el.数据(“标题”),
url:$el.data(“备用链接”),
时间:regex.exec($el.find(“div.lastModified span”).attr(“title”))[1]
};
}).get();//将jQuery对象转换为数组
var theLink='';
$.each(yourJson,function(k,v){
链接+=“,\n”;
}); 
window.prompt('my link',theLink);

我为你创建js fiddle播放:

那么,你想像那样将json中的url返回到你的a href中吗?谢谢,但我不知道该怎么办。这是我在使用我的脚本后做的吗?(将它插入你的脚本中?)取决于你想从输出中得到什么,你想让它仍然像JSON或html一样吗?我想让JSON脚本以html的形式输出它,而不是我展示的示例。我更新我的fiddle链接,你可以再次检查它。玩它,如果你仍然感到困惑,就在fiddle上更新它。谢谢!但是如果它在JSFIDLE中,我不能复制html lol。你能更改原版吗nal脚本,这样它就可以转换为html链接?如果更简单的话,就不需要项目符号了。
function copyToClipboard() {
// Loop through the DOM, grabbing the information from each bookmark
map = jQuery("#section0_column0 div.u0Entry.quicklisted").map(function(i, el) {
    var $el = jQuery(el);
    var regex = /published:(.*)\ --/i;
    return {
        title: $el.data("title"),
        url: $el.data("alternate-link"),
        time: regex.exec($el.find("div.lastModified span").attr("title"))[1]
    };
}).get(); // Convert jQuery object into an array

var theLink = '';
$.each(yourJson, function(k,v){ 
   theLink +=  "<a href=" + v.url + " >" + v.title + " </a>, \n";
}); 

window.prompt('my link', theLink);