LLC JIRIKI inc.

アイコンシルバー
岡山県

HTML要素が一切触れない時にページを修正する方法


暑いですね。今年は去年より暑いんじゃないか。というのを毎年言っている気がします。東京と岡山ではセミの数が違いますね。東京のセミの方が元気です。セミにも地方さがあるのでしょうか、同じ種類のセミでも鳴き方が違います。こういうどうでもいいことが気になってしまうくらい暑いです。

さて、今回はHTMLを修正しないでページのレイアウトや要素変更をするTipsです。あまり使うことは無いかもしれませんが軽微なA/Bテストを行う場合などには便利なやり方です。サイト制作時のフレームワークとして概念に持っておくと、結構役に立ちます。

このTipsを読んだ後は無性に 

 を使いたくなりますのでご注意ください。

HTMLソース内にスクリプトを挿入するだけ

JQuery便利ですよね。今回のHTML要素の移動・追加にはJQueryを使用します。HTML内に直書きする場合を想定してご紹介していきましょう。

あれ、便利さが伝わりませんか。

$("#target").after("

新しいテキスト

");

このように全く新しいタグと要素を追加することも可能です。もちろん入れ替え、削除などもラクラク出来ます。

テキストが

ここに

あるよ

このようなHTMLの場合

$("#target").remove();

とすれば、

と消えますし、

$("#target").empty();

とすれば、

こうなるわけです。目的箇所の中身を消して、.appendなどで追加するなど様々な場面に応用できますね。このように入れ替え前提で考え出すと、一度しか使わないidなどを多用したくなりますのでご注意ください。

JQueryを使ってCSSをそこだけに反映させたり、liの最初だけを消したり、pタグの最初だけを消す、なんてことも出来ます。それはまたおいおいご紹介しましょう。

ご相談はこちらから

企画や要件が固まっていないご相談でも
お気軽にお問い合わせください。

  1. 01

    相談する

  2. 02

    要件ヒアリング

  3. 03

    専門企業のご紹介

  4. 04

    企業との
    ご面談&見積取得

  5. 05

    企業選定〜契約締結
    サポート

  6. 06

    専門企業と直接
    プロジェクト進行

※ステップ5以降はご希望に応じて
サポートいたします。

お急ぎの方はお電話で

03-6427-5422

サポートデスク直通(平日10:00〜18:00)

必須お名前
必須メールアドレス
必須電話番号
必須会社名
任意依頼内容・希望
利用規約及び、個人情報保護方針にご同意のうえ、送信ください。

申し込み完了後、サポートデスクから
お電話またはメールにてご連絡させていただきます。

本サイトは、reCAPTCHAとGoogleにより保護されています。(プライバシーポリシー利用規約)

EDITOR PROFILE

LLC JIRIKI inc.

淵上 喜弘

会社設立から10年目となります。今でもまだ合同会社という形態の法人は少ないように思いますが、フットワークの軽さ、意思決定の速さというメリットから合同会社という形態を取っております。 Webに関する様々な悩みを解決し、Webをもっと自由にもっと豊かに。Webにアハ体験を、という信念のもと活動しております。 直近ではグロースハックをメインとしており、今あるPVをいかにコンバージョンに結びつけていくか。という分析・仮説・検証を重視したサイト改修を行っています。 Win-Winの関係を多くの会社様と築いて参りたいと、2015年より港区赤坂に東京営業所を構えました。ご訪問エリアは岡山・兵庫・大阪・東京となっております。 合同会社ジリキ 代表社員兼、業務執行社員。 1979年生まれ 兵庫県尼崎市出身・明石市育ち。 川崎医療福祉大学を卒業後、日産サティオ岡山に就職し初年度新人賞をカルロス・ゴーンCEOより受賞。その後NTT関連フレッツ販売会社に再就職し、地域賞2位を受賞。OCN販売表彰2位も同時受賞するとともにBフレッツ単独販売数の記録を打ち立てる。2006年合同会社ジリキ設立。SEO、WEBサイト制作業を開始。

LLC JIRIKI inc.

岡山県
ホームページ・WEBサイト制作 SEO対策・サイトコンサルティング

LLC JIRIKI inc.でできること

  • ホームページ・WEBサイト制作

  • SEO対策・サイトコンサルティング

会社選び・業者探しに迷った方はこちら
ご要望にあった会社を無料でご紹介いたします!
専門のサポートデスクがヒアリングを行い、
要件にあった最適な企業・業者をご紹介いたします。
ご要望にあった会社を無料でご紹介いたします