如何使用jquery返回<link href="“/> href？

Question

我正在制作一个chrome扩展，我需要知道如何使用var或其他方法在源代码有< link href="//api-cdn.github.io/stylesheetfile.css" rel="stylesheet" />的网站上获取< link>标记的href，我希望它能够获得href值，并替换它在下面的代码中所述的位置，在下面插入样式表href链接，在我的代码末尾插入样式表href链接，好吧，我希望脚本从网站上的html文件中获取href值，并在运行扩展时自动将href放在那个位置。我该怎么做？对于< script>标记也是一样，但是他们为javascript文件提供了< script src="//api-cdn.github.io/javascriptfile.js">

我的密码

// Start github.com script
//// Create Script for Jquery
$(document).ready(function() {
  //// Create the element
  var script = document.createElement("script");
  script.className = "jquery-1.9.1";
  //// Add script content
  //// Append
  document.head.appendChild(script);
});
// End Script for Jquery
// This is a better way of removeing the stylesheets without messing with the other <link> tags, this reduces error messages in the dev console also
var elements = document.querySelectorAll('link[rel=stylesheet]');
for (var i = 0; i < elements.length; i++) {
  elements[i].parentNode.removeChild(elements[i]);
}
// This is a better way of removing the scripts without messing with the other <script> tags, this reduces error messages in the dev console also
var elements = document.querySelectorAll('script');
for (var i = 0; i < elements.length; i++) {
  elements[i].parentNode.removeChild(elements[i]);
}
// Changes the original script linking to assets-cdn.github.com, changes the href & src to # so it wont load any files from assets-cdn.github.com
/// If it loads from that site then the extension will break and the site wont work anymore
//$(document).ready(function() {
//$("script").attr("src", "#");
//$("link").attr("href", "#");
//});
// End Change Script
// Create Element for Script 1
$(document).ready(function() {
  // Create the element
  var script = document.createElement("script");
  script.className = "github-79eedeccbf089da4cd43e8b5299e4ac33d0fa03caa42e936649c23e1b2183ab8";
  // Add script content
  // Append
  document.body.appendChild(script);
});
// End of script 1
// Create Element for Script 2
$(document).ready(function() {
  // Create the element
  var script = document.createElement("script");
  script.className = "frameworks-35b9c541d341309b930b1c790fa1b27a30c7c44ce10c7f8242890e3d83c8adbd";
  // Add script content
  // Append
  document.body.appendChild(script);
});
// End of Script 2
// Create Element for Style 1
$(document).ready(function() {
  // Create the element
  var style = document.createElement("style");
  style.className = "frameworks-7a356da712cd13c4e4cfbdc04cf886bb391f84a7e92f9f7b3abf2b1034fea6e9";
  // Add script content
  // Append
  document.head.appendChild(style);
});
// End of Style 1
// Create Element for Style 2
$(document).ready(function() {
  // Create the element
  var style = document.createElement("style");
  style.className = "github-85c605289f6f5d0832a168f8ad71a38dff98eed69103be797a45c54c0cca6cac";
  // Add script content
  // Append
  document.head.appendChild(style);
});
// End of Style 2
// Fill Script Jquery-1.9.1
$(document).ready(function() {
  $.ajax({
    url: "//code.jquery.com/jquery-1.9.1.js",
    dataType: "text",
    success: function(data) {
      $(".jquery-1.9.1").html(data);
    }
  });
});
// End Script Jquery-1.9.1
// Fill Script 1
$(document).ready(function() {
  $.ajax({
    url: "//assets-cdn.github.com/assets/github-79eedeccbf089da4cd43e8b5299e4ac33d0fa03caa42e936649c23e1b2183ab8.js",
    dataType: "text",
    success: function(data) {
      $(".github-79eedeccbf089da4cd43e8b5299e4ac33d0fa03caa42e936649c23e1b2183ab8").html(data);
    }
  });
});
// End Script 1
// Fill Script 2
$(document).ready(function() {
  $.ajax({
    url: "//assets-cdn.github.com/assets/frameworks-35b9c541d341309b930b1c790fa1b27a30c7c44ce10c7f8242890e3d83c8adbd.js",
    dataType: "text",
    success: function(data) {
      $(".frameworks-35b9c541d341309b930b1c790fa1b27a30c7c44ce10c7f8242890e3d83c8adbd").html(data);
    }
  });
});
// End Script 2
// Fill Style 1
$(document).ready(function() {
  //var href = $('link[rel=stylesheet]:nth-of-type(1)').attr('href');
  $.ajax({
    url: "//assets-cdn.github.com/assets/frameworks-7a356da712cd13c4e4cfbdc04cf886bb391f84a7e92f9f7b3abf2b1034fea6e9.css",
    dataType: "text",
    success: function(data) {
      $(".frameworks-7a356da712cd13c4e4cfbdc04cf886bb391f84a7e92f9f7b3abf2b1034fea6e9").html(data);
    }
  });
});
// End Style 1
// Fill Style 2
$(document).ready(function() {
  $.ajax({
    url: "inserts the href stylesheet link here",
    dataType: "text",
    success: function(data) {
      $(".github-85c605289f6f5d0832a168f8ad71a38dff98eed69103be797a45c54c0cca6cac").html(data);
    }
  });
});
// End Style 2
// End of github.com script

Answer 1

我不相信他们给你足够的信息，这些标签，这是动态的。看上去你在你的评论线上很接近。

如果您需要对它们的所有链接和脚本标记执行此操作，则可以在变量中获取所需的所有元素，并循环遍历它们。循环时，您只需将它们的href值插入到代码中即可。