{"id":21135,"date":"2022-11-12T07:18:05","date_gmt":"2022-11-12T01:48:05","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/"},"modified":"2022-11-12T07:18:05","modified_gmt":"2022-11-12T01:48:05","slug":"solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/","title":{"rendered":"[Solved] How to fire an event on hidden button inside div on click of div"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-52535922\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"52535922\" data-parentid=\"52534915\" data-score=\"-1\" data-position-on-page=\"2\" data-highest-scored=\"0\" data-question-has-accepted-highest-score=\"0\" itemprop=\"suggestedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p>The .get() method grants access to the DOM nodes underlying each jQuery object. If the value of <code>index<\/code> is out of bounds \u2014 less than the negative number of elements or equal to or greater than the number of elements \u2014 it returns <code>undefined<\/code>. <\/p>\n<\/p>\n<div class=\"snippet\" data-lang=\"js\" data-hide=\"false\" data-console=\"true\" data-babel=\"false\">\n<div class=\"snippet-code\">\n<pre class=\"snippet-code-js lang-js prettyprint-override\"><code>$('#newDiv').on('click', function(event) {\r\n    $('#btnHidden').get(-1).click();\r\n});\r\n\r\n$(\"#btnHidden\").on(\"click\", function() {\r\n  console.log(\"Hidden Button Clicked\");\r\n});<\/code><\/pre>\n<pre class=\"snippet-code-css lang-css prettyprint-override\"><code>#newDiv {\r\n  border: 1px solid red;\r\n  padding: 10px;\r\n}<\/code><\/pre>\n<pre class=\"snippet-code-html lang-html prettyprint-override\"><code>&lt;script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.1.1\/jquery.min.js\"&gt;&lt;\/script&gt;\r\n&lt;div id=\"newDiv\"&gt;\r\n  &lt;button id=\"btnHidden\" hidden&gt;Submit&lt;\/button&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<\/div>\n<\/div><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">0<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved How to fire an event on hidden button inside div on click of div <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] The .get() method grants access to the DOM nodes underlying each jQuery object. If the value of index is out of bounds \u2014 less than the negative number of elements or equal to or greater than the number of elements \u2014 it returns undefined. $(&#8216;#newDiv&#8217;).on(&#8216;click&#8217;, function(event) { $(&#8216;#btnHidden&#8217;).get(-1).click(); }); $(&#8220;#btnHidden&#8221;).on(&#8220;click&#8221;, function() { console.log(&#8220;Hidden Button &#8230; <a title=\"[Solved] How to fire an event on hidden button inside div on click of div\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/\" aria-label=\"More on [Solved] How to fire an event on hidden button inside div on click of div\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[388],"class_list":["post-21135","post","type-post","status-publish","format-standard","hentry","category-solved","tag-jquery"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] How to fire an event on hidden button inside div on click of div - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] How to fire an event on hidden button inside div on click of div - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] The .get() method grants access to the DOM nodes underlying each jQuery object. If the value of index is out of bounds \u2014 less than the negative number of elements or equal to or greater than the number of elements \u2014 it returns undefined. $(&#039;#newDiv&#039;).on(&#039;click&#039;, function(event) { $(&#039;#btnHidden&#039;).get(-1).click(); }); $(&quot;#btnHidden&quot;).on(&quot;click&quot;, function() { console.log(&quot;Hidden Button ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-12T01:48:05+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] How to fire an event on hidden button inside div on click of div\",\"datePublished\":\"2022-11-12T01:48:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/\"},\"wordCount\":72,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"jquery\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/\",\"name\":\"[Solved] How to fire an event on hidden button inside div on click of div - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-11-12T01:48:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] How to fire an event on hidden button inside div on click of div\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] How to fire an event on hidden button inside div on click of div - JassWeb","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:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] How to fire an event on hidden button inside div on click of div - JassWeb","og_description":"[ad_1] The .get() method grants access to the DOM nodes underlying each jQuery object. If the value of index is out of bounds \u2014 less than the negative number of elements or equal to or greater than the number of elements \u2014 it returns undefined. $('#newDiv').on('click', function(event) { $('#btnHidden').get(-1).click(); }); $(\"#btnHidden\").on(\"click\", function() { console.log(\"Hidden Button ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/","og_site_name":"JassWeb","article_published_time":"2022-11-12T01:48:05+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] How to fire an event on hidden button inside div on click of div","datePublished":"2022-11-12T01:48:05+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/"},"wordCount":72,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["jquery"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/","url":"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/","name":"[Solved] How to fire an event on hidden button inside div on click of div - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-11-12T01:48:05+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-how-to-fire-an-event-on-hidden-button-inside-div-on-click-of-div\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] How to fire an event on hidden button inside div on click of div"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1776403586","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/21135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=21135"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/21135\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=21135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=21135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=21135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}