- ベストアンサー
jQueryのプラグインについて
- URLの構成要素を参照できるjQueryのプラグインについて質問です。
- 指定クラスの特定要素の中にquery情報を落とし込む方法を教えてください。
- デモページを参考にしています。
- honda1978
- お礼率76% (10/13)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
同じく非jQueryですが。 https://jsfiddle.net/0xju493g/ --- const urlString = 'https://test_site.jp/?test_category01=%e3%83%86%e3%82%b9%e3%83%881%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc&test_category02=%e3%83%86%e3%82%b9%e3%83%882%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc&test_category03=%e3%83%86%e3%82%b9%e3%83%883%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc', doc = document, ul = doc.createElement('ul'); let li = doc.createElement('li'); li.appendChild(doc.createTextNode('dummy')); for (let param of new URL(urlString).searchParams) { li = li.cloneNode(true); li.firstChild.data = param[1]; ul.appendChild(li); } console.log(ul.outerHTML); --- Re: honda1978 さん
その他の回答 (1)
- babu_baboo
- ベストアンサー率51% (268/525)
アレな回答者です、 jQuery を持ち出すまででもないと思うのだけれど なんでもかんでも jQuery ? 全角空白を半角に置換してください。 ＃中日の野球の例えがイマイチだったので削除されたんですよ。^^; <!DOCTYPE html> <meta charset="UTF-8"> <title>多分だけれど query を解析する?</title> <style> .test { color:red; } </style> <body> <ul id="test"> <li>Result </ul> <script> function query2obj (querys) { var result = { }; var query; var nv; var i = 0; querys = querys.split ('&'); while ((query = querys[i++])) { nv = query.split ('='); result[ decodeURIComponent (nv[0]) ] = decodeURIComponent (nv[1]); } return result; } //________ var test_str0 = window.location.search; var test_str1 ="?test_category01=%e3%83%86%e3%82%b9%e3%83%881%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc&test_category02=%e3%83%86%e3%82%b9%e3%83%882%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc&test_category03=%e3%83%86%e3%82%b9%e3%83%883%e3%81%ae%e3%82%ab%e3%83%86%e3%82%b4%e3%83%aa%e3%83%bc"; var target_str = (test_str0 || test_str1).slice (1); var querys_value = query2obj (target_str); var ul = document.querySelector ('#test'); var li; for (var q in querys_value) { if (querys_value.hasOwnProperty (q)) { li = document.createElement ('li'); li.textContent = [q, querys_value[q]].join (' = '); li.className = 'test'; ul.appendChild (li); } } </script>
お礼
すいません。お返事遅くなり、大変申し訳ありませんんでした。ご返答に感謝いたします。参考にさせていただきます
お礼
すいません。お返事遅くなり、大変申し訳ありませんんでした。ご返答いただき、ありがとうございます。助かります。