{"id":25987,"date":"2020-11-23T00:58:01","date_gmt":"2020-11-23T08:58:01","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=25987"},"modified":"2021-02-09T06:26:22","modified_gmt":"2021-02-09T14:26:22","slug":"jquery-append","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/jquery-append\/","title":{"rendered":"jQuery Methods: append()"},"content":{"rendered":"\n

jQuery: A Brief Introduction<\/h2>\n\n\n\n

jQuery is a JavaScript library that allows developers to manipulate the DOM, write event handlers, animations, and AJAX requests with just a few lines of code. This is possible with selectors and methods unique to the jQuery API. One of these methods is append()<\/code>.
<\/p>\n\n\n\n

What is jQuery append()?<\/h2>\n\n\n\n

The append()<\/code> method is able to take one or multiple arguments of \u201ccontent\u201d (which can be an HTML string, text, an array, an element, or more jQuery), and attach or \u201cappend\u201d it to the end of any or all elements matching the selector. Some common uses include adding an item to the end of a list (such as a new \u201cto do\u201d item in a to do list), or displaying new content at the click of a button. Now let\u2019s take a look at how append()<\/code> works with some example code.
<\/p>\n\n\n\n

How to Use jQuery append()<\/h2>\n\n\n\n

Taking the above example of inserting items into a to do list, we will see how append()<\/code> is called on a selector and inserts the content to all of the matching selections. <\/p>\n\n\n\n

Starting with our HTML that builds a basic to do list:<\/p>\n\n\n\n

<!DOCTYPE html>\n<html>\n<head>\n<script src="https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js"><\/script>\n<\/head>\n<body>\n<h2>To Do List<\/h2>\n<ol class="list1">\n<li>Read Chapters 1 & 2 <\/li>\n<li>Meeting at 3:00pm<\/li>\n<li>Write about yesterday's reading<\/li>\n<\/ol>\n<\/body>\n<\/html>\n<\/pre><\/div>\n\n\n\n
It\u2019s important to note to include an address to the jQuery API inside a <script><\/code> tag in the <head><\/code> of the HTML page. Otherwise, we don\u2019t get to use jQuery in our HTML page. 
<\/p>\n\n\n\n
Now, our to do list renders beautifully!<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/p>\n\n\n\n
We are feeling productive today, so let\u2019s add an item to the end of the list. What about dinner plans? <\/p>\n\n\n\n
Referencing our HTML layout, we see the ordered list (<ol><\/code>) has a class of list1<\/code>. This is great news because we can select that entire selection by adding another <script><\/code> tag to the bottom of the <body>:<\/p>\n\n\n\n
<script>\n $(document).ready( () => {\n   $(".list1").append("<li>Make dinner plans<\/li>")\n })\n<\/script>\n<\/pre><\/div>\n\n\n\n
Inside of the <script><\/code> tag, we have some $ symbols. What are these? These are the powerful jQuery selectors. 
<\/p>\n\n\n\n
We can select anything in our DOM by passing in an element, class name, or id name to name a few. In this case, we have selected anything with a class of list1,<\/code> which will select the entire <ol><\/code> element. The above (document)<\/code> selector selects the entire page and calls the ready()<\/code> method to wait to call the next line of code until the page has fully loaded. This helps to keep our code running sequentially. 
<\/p>\n\n\n\n
Now, inside of our ready()<\/code> callback function, we have selected all elements with a class of list1.<\/code> In this case, this will select our <ol> <\/code>and insert the <li><\/code> passed to append()<\/code> just above our closing <\/ol><\/code>. So, after our page loads, the Make dinner plans<\/code> list item will be appended to our to do list:<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Fantastic! Now let\u2019s take a look at another example. This time let\u2019s display more content once a button is clicked.<\/p>\n\n\n\n
jQuery append(): A Real-World Example<\/h2>\n\n\n\n
Suppose we have a button on our web page and we want to display new content when the button is clicked. It would be efficient and more gratifying for our users if we displayed the new content without a page refresh or redirect. 
<\/p>\n\n\n\n
Herein lies the power and elegance of jQuery<\/code>: we can display new content without a refresh or redirect when the button is clicked. 
<\/p>\n\n\n\n
Given this base HTML: <\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n<head>\n<script src="https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js"><\/script>\n<\/head>\n<body>\n<div class="content">\n  <p>Hello World!<\/p>\n<\/div>\n<button id="btn-main">Click Me!<\/button>\n<\/body>\n<\/html>\n<\/pre><\/div>\n\n\n\n
Pretty similar to how we started our to do list except we have a button:<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Let\u2019s use what we\u2019ve learned about jQuery to append more content under \u201cHello World!\u201d once the button is clicked.<\/p>\n\n\n\n
<script>\n  $(document).ready( () => {\n    $("#main-btn").click( () => {\n      $("p").append("<b>Goodbye<\/b>")\n    })\n  })\n<\/script>\n<\/pre><\/div>\n\n\n\n
Once again, we have included a <script> tag at the end of our <body>. Like our to do list example, we are waiting for the document to finish loading before doing anything else. 
<\/p>\n\n\n\n
Once the document is loaded, we are now able to click the button and call the click()<\/code> method on our button. Now our <p><\/code> tag is selected and we call the append()<\/code> method with the argument content of the HTML string ” <b>Goodbye<\/b>.\"<\/code> <\/em>This will insert the word Goodbye<\/code> in bold at the end of the <p><\/code> tag. 
<\/p>\n\n\n\n
Our final output will look like this:<\/p>\n\n\n\n
<div class="content">\n <p>Hello World.<\/p><b>Goodbye<\/b>.\n<\/div>\n\n<button id="btn-main">Click Me<\/button>\n<\/pre><\/div>\n\n\n\n
And on screen like this:<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Or if we wanted to append Goodbye<\/code> to the end of the <div><\/code>, we just change the <p><\/code> selector to the class content<\/code>:<\/p>\n\n\n\n
<script>\n  $(document).ready( () => {\n    $("#main-btn").click( () => {\n      $(".content").append("<b>Goodbye<\/b>")\n    })\n  })\n<\/script>\n<\/pre><\/div>\n\n\n\n
Which displays as:<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Conclusion<\/h2>\n\n\n\n
In summary, we have seen how the append() <\/code>method works on its own and in the context of a series of callback functions.
<\/p>\n\n\n\n
By simply including the jQuery selectors and methods inside of a <script> <\/code>tag, we are able to append different types of content to the end of any elements that match our jQuery selector. The append() <\/code>method opens a world of possibilities to display content to the user at specific times without a redirect or refresh.
<\/p>\n","protected":false},"excerpt":{"rendered":"jQuery: A Brief Introduction jQuery is a JavaScript library that allows developers to manipulate the DOM, write event handlers, animations, and AJAX requests with just a few lines of code. This is possible with selectors and methods unique to the jQuery API. One of these methods is append(). What is jQuery append()? The append() method…","protected":false},"author":104,"featured_media":25993,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[11933],"tags":[],"class_list":{"0":"post-25987","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-javascript"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"JavaScript","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":null,"is_sponser_post":"","is_guest_post":""},"yoast_head":"\njQuery Methods: append() | Career Karma<\/title>\n<meta name=\"description\" content=\"The jQuery append() method inserts elements to the DOM. Read the step-by-step guide.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/jquery-append\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery Methods: append()\" \/>\n<meta property=\"og:description\" content=\"The jQuery append() method inserts elements to the DOM. Read the step-by-step guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/jquery-append\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-23T08:58:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-09T14:26:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/11\/photo-1542395765-761de4ee9696.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ryan Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ryan Manchester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-append\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-append\\\/\"},\"author\":{\"name\":\"Ryan Manchester\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/92fd52a503f77fc058ec2d0666da9bd5\"},\"headline\":\"jQuery Methods: append()\",\"datePublished\":\"2020-11-23T08:58:01+00:00\",\"dateModified\":\"2021-02-09T14:26:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-append\\\/\"},\"wordCount\":765,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-append\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/photo-1542395765-761de4ee9696.jpeg\",\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-append\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-append\\\/\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-append\\\/\",\"name\":\"jQuery Methods: append() | Career Karma\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-append\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-append\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/photo-1542395765-761de4ee9696.jpeg\",\"datePublished\":\"2020-11-23T08:58:01+00:00\",\"dateModified\":\"2021-02-09T14:26:22+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/92fd52a503f77fc058ec2d0666da9bd5\"},\"description\":\"The jQuery append() method inserts elements to the DOM. Read the step-by-step guide.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-append\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-append\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-append\\\/#primaryimage\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/photo-1542395765-761de4ee9696.jpeg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/photo-1542395765-761de4ee9696.jpeg\",\"width\":1000,\"height\":1000},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/jquery-append\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript\",\"item\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/javascript\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"jQuery Methods: append()\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News & Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/#\\\/schema\\\/person\\\/92fd52a503f77fc058ec2d0666da9bd5\",\"name\":\"Ryan Manchester\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/ryan-manchester-150x150.jpg\",\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/ryan-manchester-150x150.jpg\",\"contentUrl\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/ryan-manchester-150x150.jpg\",\"caption\":\"Ryan Manchester\"},\"description\":\"Ryan is a technical writer at Career Karma, where he covers programming languages, technology, and web development. The Texas native earned his Bachelor's of Music Composition from the University of North Texas. Ryan is currently pursuing further education in web development, aiming to graduate from Flatiron School with a certification in full stack web development. Since joining the Career Karma team in November 2020, Ryan has used his expertise to cover topics like React and Ruby on Rails.\",\"sameAs\":[\"http:\\\/\\\/www.ryanmanchester.info\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/ryan-manchester-6537a630\\\/\"],\"url\":\"https:\\\/\\\/careerkarma.com\\\/blog\\\/author\\\/ryan-manchester\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"jQuery Methods: append() | Career Karma","description":"The jQuery append() method inserts elements to the DOM. Read the step-by-step guide.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/careerkarma.com\/blog\/jquery-append\/","og_locale":"en_US","og_type":"article","og_title":"jQuery Methods: append()","og_description":"The jQuery append() method inserts elements to the DOM. Read the step-by-step guide.","og_url":"https:\/\/careerkarma.com\/blog\/jquery-append\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-11-23T08:58:01+00:00","article_modified_time":"2021-02-09T14:26:22+00:00","og_image":[{"width":1000,"height":1000,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/11\/photo-1542395765-761de4ee9696.jpeg","type":"image\/jpeg"}],"author":"Ryan Manchester","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"Ryan Manchester","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/jquery-append\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-append\/"},"author":{"name":"Ryan Manchester","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/92fd52a503f77fc058ec2d0666da9bd5"},"headline":"jQuery Methods: append()","datePublished":"2020-11-23T08:58:01+00:00","dateModified":"2021-02-09T14:26:22+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-append\/"},"wordCount":765,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-append\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/11\/photo-1542395765-761de4ee9696.jpeg","articleSection":["JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/jquery-append\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/jquery-append\/","url":"https:\/\/careerkarma.com\/blog\/jquery-append\/","name":"jQuery Methods: append() | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-append\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-append\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/11\/photo-1542395765-761de4ee9696.jpeg","datePublished":"2020-11-23T08:58:01+00:00","dateModified":"2021-02-09T14:26:22+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/92fd52a503f77fc058ec2d0666da9bd5"},"description":"The jQuery append() method inserts elements to the DOM. Read the step-by-step guide.","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/jquery-append\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/jquery-append\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/jquery-append\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/11\/photo-1542395765-761de4ee9696.jpeg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/11\/photo-1542395765-761de4ee9696.jpeg","width":1000,"height":1000},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/jquery-append\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript","item":"https:\/\/careerkarma.com\/blog\/javascript\/"},{"@type":"ListItem","position":3,"name":"jQuery Methods: append()"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News & Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/92fd52a503f77fc058ec2d0666da9bd5","name":"Ryan Manchester","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/12\/ryan-manchester-150x150.jpg","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/12\/ryan-manchester-150x150.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/12\/ryan-manchester-150x150.jpg","caption":"Ryan Manchester"},"description":"Ryan is a technical writer at Career Karma, where he covers programming languages, technology, and web development. The Texas native earned his Bachelor's of Music Composition from the University of North Texas. Ryan is currently pursuing further education in web development, aiming to graduate from Flatiron School with a certification in full stack web development. Since joining the Career Karma team in November 2020, Ryan has used his expertise to cover topics like React and Ruby on Rails.","sameAs":["http:\/\/www.ryanmanchester.info\/","https:\/\/www.linkedin.com\/in\/ryan-manchester-6537a630\/"],"url":"https:\/\/careerkarma.com\/blog\/author\/ryan-manchester\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/25987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/104"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=25987"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/25987\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/25993"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=25987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=25987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=25987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}