jQuery\u3067\u8981\u7d20\u3092\u79fb\u52d5\u3059\u308b\u969b\u3001insertBefore \/ insertAfter \/ prependTo \/ appendTo\u3068\u8272\u3005\u3042\u308b\u3082\u306e\u306e\u3001\u3069\u306e\u30e1\u30bd\u30c3\u30c9\u304c\u3069\u3046\u3044\u3046\u6319\u52d5\u3060\u3063\u305f\u304b\u3046\u308d\u899a\u3048\u3067\u6bce\u56deGoogle\u691c\u7d22\u3057\u3066\u3044\u305f\u3002\u3055\u3059\u304c\u306b\u6bce\u56de\u691c\u7d22\u3059\u308b\u306e\u306f\u9762\u5012\u81ed\u3044\u4e0a\u306b\u6642\u9593\u304c\u304b\u304b\u308b\u306e\u3067\u3053\u306e\u30da\u30fc\u30b8\u306b\u307e\u3068\u3081\u3066\u304a\u304f\u3002<\/p>\n
<\/p>\n
<div id=\"div_1\">\r\n <span id=\"span_1\">span_1<\/span>\r\n <span id=\"span_2\">span_2<\/span>\r\n<\/div>\r\n\r\n<div id=\"div_2\">\r\n <span id=\"span_3\">span_3<\/span>\r\n <span id=\"span_4\">span_4<\/span>\r\n<\/div><\/pre>\n\u4e0a\u8a18\u306eHTML\u8981\u7d20\u3092\u5bfe\u8c61\u3068\u3059\u308b\u3002<\/p>\n
<\/p>\n
\u6307\u5b9a\u3057\u305f\u8981\u7d20\u306e\u524d\u306b\u79fb\u52d5(insertBefore)<\/h2>\n
\/\/$('\u79fb\u52d5\u3059\u308b\u8981\u7d20').insertBefore('\u79fb\u52d5\u5148');\r\n$('#span_1').insertBefore('#div_2');<\/pre>\n<\/p>\n
\u6307\u5b9a\u3057\u305f\u8981\u7d20\u306e\u5f8c\u308d\u306b\u79fb\u52d5(insertAfter)<\/h2>\n
\/\/$('\u79fb\u52d5\u3059\u308b\u8981\u7d20').insertAfter('\u79fb\u52d5\u5148');\r\n$('#span_1').insertAfter('#div_2');<\/pre>\n<\/p>\n
\u6307\u5b9a\u3057\u305f\u8981\u7d20\u306e\u5185\u5074\u306e\u5148\u982d\u306b\u8ffd\u52a0(prependTo)<\/h2>\n
\/\/$('\u79fb\u52d5\u3059\u308b\u8981\u7d20').prependTo('\u79fb\u52d5\u5148');\r\n$('#span_1').prependTo('#div_2');<\/pre>\n<\/p>\n
\u6307\u5b9a\u3057\u305f\u8981\u7d20\u306e\u5185\u5074\u306e\u6700\u5f8c\u306b\u8ffd\u52a0(appendTo)<\/h2>\n
\/\/$('\u79fb\u52d5\u3059\u308b\u8981\u7d20').appendTo('\u79fb\u52d5\u5148');\r\n$('#span_1').appendTo('#div_2');<\/pre>\n<\/p>\n
\u6ce8\u610f\u70b9<\/h2>\n
\u4f3c\u305f\u30e1\u30bd\u30c3\u30c9\u3067before \/ after \/ prepend \/ append\u304c\u3042\u308b\u304c\u300c\u8981\u7d20\u3054\u3068\u306e\u79fb\u52d5\u3067\u306f\u306a\u304f\u8981\u7d20\u81ea\u4f53\u306e\u8ffd\u52a0\u300d\u300c\u8ffd\u52a0\u5185\u5bb9\u3068\u8ffd\u52a0\u5148\u306e\u8a18\u8ff0\u304c\u9006\u300d<\/strong><\/span>\u3068\u306a\u308b\u70b9\u306b\u6ce8\u610f\u3002\u4f8b\u3048\u3070\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8a18\u8ff0\u3059\u308b\u3068\u3001<\/p>\n
$('#div_2').before('#span_1');<\/pre>\n\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u51fa\u529b\u306b\u306a\u308b\u3002<\/p>\n
<div>\r\n <div id=\"div_1\">\r\n <span id=\"span_1\">span_1<\/span>\r\n <span id=\"span_2\">span_2<\/span>\r\n <\/div>\r\n\r\n #span_1\r\n <div id=\"div_2\">\r\n <span id=\"span_3\">span_3<\/span>\r\n <span id=\"span_4\">span_4<\/span>\r\n <\/div>\r\n<\/div><\/pre>\n\u305d\u306e\u305f\u3081JS\u306e\u5909\u6570\u5185\u3068\u304b\u306bHTML\u30bf\u30b0\u3068\u304b\u66f8\u304d\u8fbc\u3093\u3067\u3044\u3063\u3066\u51fa\u529b\u3055\u305b\u305f\u3044\u3068\u3044\u3046\u3088\u3046\u306a\u5834\u5408\u306bbefore \/ after \/ prepend \/ append\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3001\u65e2\u306b\u51fa\u529b\u3055\u308c\u3066\u3044\u308b\u3082\u306e\u3092\u4e38\u3054\u3068\u79fb\u52d5\u3057\u305f\u3044\u3068\u3044\u3046\u3088\u3046\u306a\u5834\u5408\u306finsertBefore \/ insertAfter \/ prependTo \/ appendTo\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3059\u308b\u3068\u3044\u3046\u5f62\u306b\u306a\u308a\u305d\u3046\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
jQuery\u3067\u8981\u7d20\u3092\u79fb\u52d5\u3059\u308b\u969b\u3001insertBefore \/ insertAft ... <\/p>\n","protected":false},"author":1,"featured_media":1071,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,4],"tags":[87],"class_list":["post-3736","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery","category-javascript","tag-matome"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/3736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/comments?post=3736"}],"version-history":[{"count":0,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/3736\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media\/1071"}],"wp:attachment":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media?parent=3736"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/categories?post=3736"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/tags?post=3736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}