javascript - how to append a new hyperlink with a new id each time in a loop? -


it's second day on project :\

i'm trying create : creating new <a> element new href , id attributes in for loop can each output of api link.

this 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) {       (i = 0; < data.query.search.length; i++) {         console.log(app);         1 = $("<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);          2 = document.createelement("p");         two.innerhtml = data.query.search[i].snippet;         $("body").append(one, two);       }     });   }); });

use same object 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 ) 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) {        (i = 0; < 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);        }      });    });  });


Comments

Post a Comment

Popular posts from this blog

asynchronous - C# WinSCP .NET assembly: How to upload multiple files asynchronously -

i using winscp .net assembly uploading files. want upload multiple files asynchronous way. have created method works single upload. public class uploadingdata { private sessionoptions _sessionoptions; private session _session; //connection etc private void onconnected() { foreach (var fileinfo in localfileslist) { var task = task.factory.startnew(() => uploadfilesasync(fileinfo)); } } private async task uploadfilesasync(string file) { string remotefilepath = _session.translatelocalpathtoremote(file, @"/", "/test_data_upload"); var uploading = _session.putfiles(file, remotefilepath, false); //when done await task.run(() => thread.sleep(1000)); } } please suggest me correct way. thanks you can use backgroundworker class this: string[] images = new string[50]; foreach (var path in images) { backgroundworker
Read more

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

i getting "__type": "com.amazon.coral.service#serializationexception" as reply in postman & in test console in api gateway trying post record directly dynamodb using api proxy services.. referring aws article - https://aws.amazon.com/blogs/compute/using-amazon-api-gateway-as-a-proxy-for-dynamodb/ here's mapping { "tablename": "tablenamegoeshere", "item": { "id" : "$context.requestid" "eventname" : "$input.path('$.eventname')", "timestamp" : $input.path('$.timestamp'), "answers": "$util.parsejson($input.path('$.answers'))" } } update: did asked ... , worked if try add array of json objects gives me above same error - here's trying now. please - couldnt find on google well #set($inputroot = $input.path('$')) { "tablename": "answer", "item": {
Read more

asp.net - Problems sending emails from forum -

i have been redesigning site has message board, has been written guy looked after site. it has few problems , written in .asp , uses .mdb files database. you can see whole thing here . feel free post if helps, test thing have set using original files , new database. the basic problem when posts message, supposed email sent them, have posted it. when replies, originator supposed message, replier has been posted. i’d have thought @ point in process there should script/file in postmessage.asp? the postmessage.asp page below. <% option explicit %> <!-- #include virtual="common/adovbs.inc" --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>new page 2</title> <base target="_self"
Read more