如何在循环中添加带有新id的新超链接？(how to append a new hyperlink with a new id each time in a loop?)

这是我这个项目的第二天：

我正在尝试创建：在for循环中创建一个带有新href和id属性的新<a>元素，以便我可以将API的每个输出作为链接。

这是我的JS代码

var one; var two; var hoba; $(document).ready(function() { $("#inp").keyup(function() { hoba = $(this).val(); }); $("#but").on("click", function() { var app = "https://en.wikipedia.org/w/api.php?action=query&format=json&prop=revisions&list=search&titles=Main+Page&rvprop=content&origin=*&srsearch=" + hoba; $.getJSON(app, function(data) { for (i = 0; i < data.query.search.length; i++) { console.log(app); one = $("<a></a>").text(data.query.search[i].title); //var _href = $("a").attr("href"); $("a").attr("href", 'https://www.wikipedia.org/wiki/' + data.query.search[i].title); $("a").attr("id", data.query.search[i].title); two = document.createElement("p"); two.innerHTML = data.query.search[i].snippet; $("body").append(one, two); } }); }); });

It's my second day on this project :\

I'm trying to create is : creating a new <a> element with a new href and id attributes in for loop so that I can get each output of the API as a link.

This is my JS Code

var one; var two; var hoba; $(document).ready(function() { $("#inp").keyup(function() { hoba = $(this).val(); }); $("#but").on("click", function() { var app = "https://en.wikipedia.org/w/api.php?action=query&format=json&prop=revisions&list=search&titles=Main+Page&rvprop=content&origin=*&srsearch=" + hoba; $.getJSON(app, function(data) { for (i = 0; i < data.query.search.length; i++) { console.log(app); one = $("<a></a>").text(data.query.search[i].title); //var _href = $("a").attr("href"); $("a").attr("href", 'https://www.wikipedia.org/wiki/' + data.query.search[i].title); $("a").attr("id", data.query.search[i].title); two = document.createElement("p"); two.innerHTML = data.query.search[i].snippet; $("body").append(one, two); } }); }); });

最满意答案

使用相同的对象来设置属性

one = $("<a></a>"); one.text(data.query.search[i].title); one.attr("href", 'https://www.wikipedia.org/wiki/' + data.query.search[i].title); one.attr("id", data.query.search[i].title);

使用jQuery( html, attributes )创建HTML元素。

var anchor = $("<a></a>", { "text": data.query.search[i].title, "href": 'https://www.wikipedia.org/wiki/' + data.query.search[i].title, "id": data.query.search[i].title }); $("body").append(anchor);

$(document).ready(function() {
  $("#inp").keyup(function() {
    hoba = $(this).val();
  });

  $("#but").on("click", function() {

    var app = "https://en.wikipedia.org/w/api.php?action=query&format=json&prop=revisions&list=search&titles=Main+Page&rvprop=content&origin=*&srsearch=" + hoba;

    $.getJSON(app, function(data) {
      for (i = 0; i < data.query.search.length; i++) {
        var anchor = $("<a></a>", {
          "text": data.query.search[i].title,
          "href": 'https://www.wikipedia.org/wiki/' + data.query.search[i].title,
          "id": data.query.search[i].title
        });

        var p = $("<p></p>", {
          "html": data.query.search[i].snippet
        });

        $("body").append(anchor);
        $("body").append(p);
      }
    });
  });
}); 
  
 
Use same object to set attributes 
one = $("<a></a>");
one.text(data.query.search[i].title);
one.attr("href", 'https://www.wikipedia.org/wiki/' + data.query.search[i].title);
one.attr("id", data.query.search[i].title); 
 
Use jQuery( html, attributes ) to create HTML element. 
var anchor = $("<a></a>", {
    "text": data.query.search[i].title,
    "href": 'https://www.wikipedia.org/wiki/' + data.query.search[i].title,
    "id": data.query.search[i].title
});

$("body").append(anchor);
 
 
 
  
  $(document).ready(function() {
  $("#inp").keyup(function() {
    hoba = $(this).val();
  });

  $("#but").on("click", function() {

    var app = "https://en.wikipedia.org/w/api.php?action=query&format=json&prop=revisions&list=search&titles=Main+Page&rvprop=content&origin=*&srsearch=" + hoba;

    $.getJSON(app, function(data) {
      for (i = 0; i < data.query.search.length; i++) {
        var anchor = $("<a></a>", {
          "text": data.query.search[i].title,
          "href": 'https://www.wikipedia.org/wiki/' + data.query.search[i].title,
          "id": data.query.search[i].title
        });

        var p = $("<p></p>", {
          "html": data.query.search[i].snippet
        });

        $("body").append(anchor);
        $("body").append(p);
      }
    });
  });
});

更多推荐