{"id":1733,"date":"2020-01-29T15:24:04","date_gmt":"2020-01-29T06:24:04","guid":{"rendered":"https:\/\/took.jp\/?p=1733"},"modified":"2020-06-16T10:12:51","modified_gmt":"2020-06-16T01:12:51","slug":"js-search-parent","status":"publish","type":"post","link":"https:\/\/took.jp\/tech-blog\/js-search-parent\/","title":{"rendered":"JavaScript\u3067\u89aa\u8981\u7d20\u306eElements\u3092\u691c\u7d22\u3057\u3001\u4e00\u81f4\u3057\u305f\u5834\u5408\u306b\u8fd4\u3059"},"content":{"rendered":"<p>jQuery\u306b\u306f\u3001\u89aa\u8981\u7d20\u3092\u691c\u7d22\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308bparents\u3068\u3044\u3046\u95a2\u6570\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>\u305f\u3060\u3001jQuery\u3092\u5c0e\u5165\u305b\u305a\u3001\u751f\u306eJavaSctipt\u3067\u540c\u3058\u3088\u3046\u306a\u52d5\u304d\u3092\u518d\u73fe\u3057\u305f\u304b\u3063\u305f\u305f\u3081\u3001\u4ee5\u4e0b\u306e\u95a2\u6570\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002<\/p>\n<pre class=\"wp-block-luxe-blocks-syntaxhighlighter line-numbers language-javascript\"><code class=\"language-javascript\">function parents(elements, attribute, name){\r\n    while(true){\r\n        elements = elements.parentNode ? elements.parentNode : false;\r\n        if(!elements) break;\r\n        if(elements[attribute] == name) return elements;\r\n    }\r\n    return false;\r\n}<\/code><\/pre>\n<p>\u52d5\u4f5c\u306f\u3001jQuery\u306eparents\u3068\u306f\u5c11\u3057\u7570\u306a\u308a\u307e\u3059\u3002<\/p>\n<h2>\u52d5\u4f5c\u30b5\u30f3\u30d7\u30eb<\/h2>\n<p>\u7b2c\u4e00\u5f15\u6570\u306bElements\u3092\u6307\u5b9a\u3057\u3001\u7b2c\u4e8c\u3001\u4e09\u5f15\u6570\u306b\u306f\u3001\u89aa\u8981\u7d20\u306e\u5c5e\u6027\u3068\u305d\u306e\u5024\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<p>\u3082\u3057\u89aa\u8981\u7d20\u306b\u3001\u6307\u5b9a\u3057\u305f\u5c5e\u6027\u3068\u5024\u304c\u5b58\u5728\u3057\u306a\u3051\u308c\u3070\u3001<strong>false<\/strong>\u3092\u8fd4\u3057\u307e\u3059\u3002<\/p>\n<p>\u898b\u3064\u304b\u3063\u305f\u5834\u5408\u306f\u3001\u4e00\u756a\u8fd1\u3044\u89aa\u8981\u7d20\u306eElements\u3092\u8fd4\u3057\u307e\u3059\u3002<\/p>\n<p>\u4ee5\u4e0b\u306f\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u3067\u3059\u3002<\/p>\n<pre class=\"wp-block-luxe-blocks-syntaxhighlighter line-numbers language-markup\"><code class=\"language-markup\">&lt;div id=\"parent\"&gt;\r\n    &lt;div&gt;\r\n        &lt;p id=\"child\"&gt;Sample&lt;\/p&gt;\r\n    &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n\r\n&lt;script&gt;\r\nfunction parents(elements, attribute, name){\r\n    while(true){\r\n        elements = elements.parentNode ? elements.parentNode : false;\r\n        if(!elements) break;\r\n        if(elements[attribute] == name) return elements;\r\n    }\r\n    return false;\r\n}\r\n\/\/&lt;p id=\"child\"&gt;Sample&lt;\/p&gt;\r\nvar child = document.getElementById('child');\r\nvar display = parents(child, 'id', 'parent');\r\nconsole.log(display);\r\n&lt;\/script&gt;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>jQuery\u306b\u306f\u3001\u89aa\u8981\u7d20\u3092\u691c\u7d22\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308bparents\u3068\u3044\u3046\u95a2\u6570\u304c\u3042\u308a\u307e\u3059\u3002 \u305f\u3060\u3001jQuery\u3092\u5c0e\u5165\u305b\u305a\u3001\u751f\u306eJavaSctipt\u3067\u540c\u3058\u3088\u3046\u306a\u52d5\u304d\u3092\u518d\u73fe\u3057\u305f\u304b\u3063\u305f\u305f\u3081\u3001\u4ee5\u4e0b\u306e\u95a2\u6570\u3092\u4f5c\u6210\u3057\u307e\u3057\u305f\u3002 function parents(e\u2026<\/p>\n","protected":false},"author":3,"featured_media":1814,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[62,66],"tags":[],"class_list":["post-1733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-it","category-javascript"],"_links":{"self":[{"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/posts\/1733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/comments?post=1733"}],"version-history":[{"count":0,"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/posts\/1733\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/media\/1814"}],"wp:attachment":[{"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/media?parent=1733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/categories?post=1733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/took.jp\/tech-blog\/wp-json\/wp\/v2\/tags?post=1733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}