{"id":86770,"date":"2017-06-19T13:32:49","date_gmt":"2017-06-19T13:32:49","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=86770"},"modified":"2017-06-19T13:44:10","modified_gmt":"2017-06-19T13:44:10","slug":"jquery-traversing","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/jquery-traversing\/","title":{"rendered":"jQuery Traversing"},"content":{"rendered":"<p>In this blog we will learn about jQuery Traversing.<br \/>\njQuery traversing are used to find or select HTML elements. For example if you want to select data just after the selector, or select grand data of selector, or select children data of selector or if you want to select children element of selector then you can select by the use of traversing.<br \/>\nThere are many types of traversing but basically there three types of traversing:-<br \/>\n1) Parent<br \/>\n2) Children<br \/>\n3) Siblings<\/p>\n<p>Lets see example:<\/p>\n<p>In this example we have made some colorful\u00a0 div assigned as Great grand parent, Grand parent, Parent, children. In this example we will see how by selecting one div we will select other div. Check output after each example.<\/p>\n<pre class=\"brush:js\">&lt;html&gt;\r\n\t&lt;head&gt;\r\n\t\t &lt;title&gt;JQuery Traversing&lt;\/title&gt;\r\n\t\t &lt;script type = \"text\/javascript\"\r\n\t\t\t\tsrc = \"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/2.1.3\/jquery.min.js\"&gt;&lt;\/script&gt;\r\n\t\t\t\t&lt;script type = \"text\/javascript\" language = \"javascript\"&gt;\r\n\t\t\t\t   $(document).ready(function() {\r\n\t\t\t\t      $(\".children\").append('(Selected Selector)');\r\n\t\t\t\t      \/\/here you have selected children as your selector. check the effect below\r\n\t\t\t\t   });\r\n\t\t\t\t&lt;\/script&gt;\r\n\t\t &lt;style&gt;\r\n\t\t\t\t.traversing {\r\n\t\t\t\t background: gray;\r\n\t\t\t\t padding: 10px;\r\n\t\t\t\t width:300px;\r\n\t\t\t\t height:300px;\r\n\t\t\t\t}\r\n\t\t\t\t.grandparent_parents {\r\n\t\t\t\t background: yellow;\r\n\t\t\t\t padding: 10px;\r\n\t\t\t\t width:250px;\r\n\t\t\t\t height:250px;\r\n\t\t\t\t}\r\n\t\t\t\t.grandparent {\r\n\t\t\t\t background: green;\r\n\t\t\t\t padding: 10px;\r\n\t\t\t\t width:200px;\r\n\t\t\t\t height:200px;\r\n\t\t\t\t}\r\n\t\t\t\t.parent {\r\n\t\t\t\t background: white;\r\n\t\t\t\t padding: 10px;\r\n\t\t\t\t width:150px;\r\n\t\t\t\t height:150px;\r\n\t\t\t\t}\r\n\t\t\t\t.children {\r\n\t\t\t\t background: brown;\r\n\t\t\t\t padding: 10px;\r\n\t\t\t\t width:100px;\r\n\t\t\t\t height:100px;\r\n\t\t\t\t}\r\n\t\t &lt;\/style&gt;\r\n\t&lt;\/head&gt;\r\n\t&lt;body&gt;\r\n\t\t &lt;div class=\"traversing\"&gt;\r\n\t\t\t\t&lt;div class=\"grandparent_parents\"&gt;Great Grand Parent\r\n\t\t\t\t\t&lt;div class=\"grandparent\"&gt;Grand Parent\r\n\t\t\t\t\t\t&lt;div class=\"parent\"&gt;Parent\r\n\t\t\t\t\t\t &lt;div class=\"children\"&gt;Children\r\n\t\t\t\t\t\t&lt;\/div&gt;\r\n\t\t\t\t\t\t&lt;\/div&gt;\r\n\t\t\t\t\t&lt;\/div&gt;\r\n\t\t\t\t&lt;\/div&gt;\r\n\t\t &lt;\/div&gt;\r\n\t&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p class=\"brush:js\">\n<p class=\"brush:js\">\n<p class=\"brush:js\"><img decoding=\"async\" class=\"alignnone size-medium wp-image-86822\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_1-10-300x289.png\" alt=\"\" width=\"300\" height=\"289\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_1-10-300x289.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_1-10-250x241.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_1-10.png 435w\" sizes=\"(max-width: 300px) 100vw, 300px\" loading=\"lazy\" \/><\/p>\n<p>Above we have selected children as the selector therefore the text is coming inside the Children div.<\/p>\n<p class=\"brush:js\">Now change only script section from above written code for next example.<\/p>\n<pre class=\"brush:js\">&lt;script type = \"text\/javascript\" language = \"javascript\"&gt;\r\n  $(document).ready(function() {\r\n     $(\".children\").parent().append('(Selected Selector)');\r\n     \/\/here your selector is $(\".children\").parent(). check the effect below\r\n  });\r\n&lt;\/script&gt;<\/pre>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-86784\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_2-6-300x280.png\" alt=\"\" width=\"300\" height=\"280\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_2-6-300x280.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_2-6-250x234.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_2-6.png 383w\" sizes=\"(max-width: 300px) 100vw, 300px\" loading=\"lazy\" \/>Here we have selected parent of children and parent of children is white section therefore the text is coming inside the white section.<\/p>\n<p>Now change only script section from above written code for next example.<\/p>\n<pre class=\"brush:js\">&lt;script type = \"text\/javascript\" language = \"javascript\"&gt; \r\n $(document).ready(function() { \r\n  $(\".children\").parents().append('(Selected Selector)&lt;br&gt;'); \r\n  \/\/here your selector is $(\".children\").parents(). check the effect below \r\n }); \r\n&lt;\/script&gt;<\/pre>\n<p class=\"brush:js\"><img decoding=\"async\" class=\"alignnone size-medium wp-image-86823\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_2-7-300x227.png\" alt=\"\" width=\"300\" height=\"227\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_2-7-300x227.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_2-7-250x190.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_2-7.png 463w\" sizes=\"(max-width: 300px) 100vw, 300px\" loading=\"lazy\" \/><br \/>\nHere we have selected selector as <strong>parents<\/strong> of children and parents of children are white,green,yellow,gray and even main div\u00a0 therefore the text is coming inside the all the section.<\/p>\n<p class=\"brush:js\">Now change only script section from above written code for next example.<\/p>\n<pre class=\"brush:js\">&lt;script type = \"text\/javascript\" language = \"javascript\"&gt;\r\n $(document).ready(function() {\r\n  $(\".children\").parents('.grandparent_parents').append('(Selected Selector)');\r\n  \/\/here your selector is $(\".children\").parents('grandparant_parents'). check the effect below\r\n });\r\n&lt;\/script&gt;\r\n\r\n<img decoding=\"async\" class=\"alignnone size-medium wp-image-86826\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_3-7-300x224.png\" alt=\"\" width=\"300\" height=\"224\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_3-7-300x224.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_3-7-250x187.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_3-7.png 555w\" sizes=\"(max-width: 300px) 100vw, 300px\" loading=\"lazy\" \/><\/pre>\n<p class=\"brush:js\">Here we have selected selector as\u00a0 $(&#8220;.children&#8221;).parents(&#8216;.grandparent_parents&#8217;) means children parents whose class is grandparent_parents therefore the text is coming inside yellow section because yellow section class is grandparent_parents.<\/p>\n<p class=\"brush:js\">Now change only script section from above written code for next example.<\/p>\n<pre class=\"brush:js\">&lt;script type = \"text\/javascript\" language = \"javascript\"&gt;\r\n   $(document).ready(function() {\r\n      $(\".children\").parentsUntil('.grandparent_parents').append('(Selected Selector)');\r\n      \/\/here your selector is $(\".children\").parents() now check the effect untill you get the parent whose calss is grandparent_parents the effect will come\r\n   });\r\n&lt;\/script&gt;<\/pre>\n<p class=\"brush:js\"><img decoding=\"async\" class=\"alignnone size-medium wp-image-86831\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-4-300x209.png\" alt=\"\" width=\"300\" height=\"209\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-4-300x209.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-4-250x174.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-4.png 539w\" sizes=\"(max-width: 300px) 100vw, 300px\" loading=\"lazy\" \/><br \/>\nHere we have selected selector as\u00a0 $(&#8220;.children&#8221;).parentsUntil(&#8216;.grandparent_parents&#8217;) means all the parent will be selected Until you get the Grand parent.<\/p>\n<p class=\"brush:js\">So here we ends with some example of jQuery traversing.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this blog we will learn about jQuery Traversing. jQuery traversing are used to find or select HTML elements. For example if you want to select data just after the selector, or select grand data of selector, or select children data of selector or if you want to select children element of selector then you <a href=\"https:\/\/webkul.com\/blog\/jquery-traversing\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":150,"featured_media":41008,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[79],"tags":[],"class_list":["post-86770","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>jQuery Traversing - Webkul Blog<\/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:\/\/webkul.com\/blog\/jquery-traversing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery Traversing - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"In this blog we will learn about jQuery Traversing. jQuery traversing are used to find or select HTML elements. For example if you want to select data just after the selector, or select grand data of selector, or select children data of selector or if you want to select children element of selector then you [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/jquery-traversing\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-19T13:32:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-06-19T13:44:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Aqib Zaman Khan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aqib Zaman Khan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/jquery-traversing\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/jquery-traversing\/\"},\"author\":{\"name\":\"Aqib Zaman Khan\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/1650610b7e1967be7161e5b69bab05fa\"},\"headline\":\"jQuery Traversing\",\"datePublished\":\"2017-06-19T13:32:49+00:00\",\"dateModified\":\"2017-06-19T13:44:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/jquery-traversing\/\"},\"wordCount\":311,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/jquery-traversing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png\",\"articleSection\":[\"jQuery\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/jquery-traversing\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/jquery-traversing\/\",\"url\":\"https:\/\/webkul.com\/blog\/jquery-traversing\/\",\"name\":\"jQuery Traversing - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/jquery-traversing\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/jquery-traversing\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png\",\"datePublished\":\"2017-06-19T13:32:49+00:00\",\"dateModified\":\"2017-06-19T13:44:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/jquery-traversing\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/jquery-traversing\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/jquery-traversing\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png\",\"width\":825,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/jquery-traversing\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"jQuery Traversing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/1650610b7e1967be7161e5b69bab05fa\",\"name\":\"Aqib Zaman Khan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/209a0dc9c15ab88ae97c2accdc2c929e5242301a36aabcfae7df65e4cacbce85?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/209a0dc9c15ab88ae97c2accdc2c929e5242301a36aabcfae7df65e4cacbce85?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Aqib Zaman Khan\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/aqibzaman-khan651\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery Traversing - Webkul Blog","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:\/\/webkul.com\/blog\/jquery-traversing\/","og_locale":"en_US","og_type":"article","og_title":"jQuery Traversing - Webkul Blog","og_description":"In this blog we will learn about jQuery Traversing. jQuery traversing are used to find or select HTML elements. For example if you want to select data just after the selector, or select grand data of selector, or select children data of selector or if you want to select children element of selector then you [...]","og_url":"https:\/\/webkul.com\/blog\/jquery-traversing\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2017-06-19T13:32:49+00:00","article_modified_time":"2017-06-19T13:44:10+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png","type":"image\/png"}],"author":"Aqib Zaman Khan","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Aqib Zaman Khan","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/jquery-traversing\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/jquery-traversing\/"},"author":{"name":"Aqib Zaman Khan","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/1650610b7e1967be7161e5b69bab05fa"},"headline":"jQuery Traversing","datePublished":"2017-06-19T13:32:49+00:00","dateModified":"2017-06-19T13:44:10+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/jquery-traversing\/"},"wordCount":311,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/jquery-traversing\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png","articleSection":["jQuery"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/jquery-traversing\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/jquery-traversing\/","url":"https:\/\/webkul.com\/blog\/jquery-traversing\/","name":"jQuery Traversing - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/jquery-traversing\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/jquery-traversing\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png","datePublished":"2017-06-19T13:32:49+00:00","dateModified":"2017-06-19T13:44:10+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/jquery-traversing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/jquery-traversing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/jquery-traversing\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2016\/02\/Opencart-Code-Snippet.png","width":825,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/jquery-traversing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"jQuery Traversing"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/1650610b7e1967be7161e5b69bab05fa","name":"Aqib Zaman Khan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/209a0dc9c15ab88ae97c2accdc2c929e5242301a36aabcfae7df65e4cacbce85?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/209a0dc9c15ab88ae97c2accdc2c929e5242301a36aabcfae7df65e4cacbce85?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Aqib Zaman Khan"},"url":"https:\/\/webkul.com\/blog\/author\/aqibzaman-khan651\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/86770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/150"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=86770"}],"version-history":[{"count":14,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/86770\/revisions"}],"predecessor-version":[{"id":86832,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/86770\/revisions\/86832"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/41008"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=86770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=86770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=86770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}