Javascript 获取脚本以返回HTML中的链接
我发现了一个用于从Feedly中提取保存的文章的脚本(通过在Chrome的Inspect元素控制台中运行它),但我想根据我的需要对它进行一些调整。我不是一个开发人员或类似的人,所以如果有人能帮助我,我将不胜感激 以下是脚本的一部分: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
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);