WordPressでホームページを作るには

【コピペ】aタグだけをカットして、その下層の要素は残したいときのjQueryで対応方法

投稿日:2021年11月4日 更新日:

aタグだけをカットして、その下層の要素は残したいときのjQuerで対応方法です。

用途としては、

・aタグが勝手に挿入されていたバグ

などで取り急ぎ対応しました。

Web365とは

本題のまえに、自己紹介です。
クライアントの外部・外注のWeb担当としてWebサイトを集客売上増を目的に、分析・改善・実行まで一貫体制で運用代行しております。

Web365の詳細

aタグカット、下層要素残し、jQueryでの方法

該当ページにて、js(jQuery)コードを挿入もしくはjsファイルを読み込ませます。

js(jQuery)コードは、

該当aタグのURLをセレクトし、下層は残す、つまり、上層(aタグのこと)は削除する、といった指示のコードです。

下記で取り急ぎ対応

$(document).ready(function() {
$('a[href="ここに該当URL"]').contents().unwrap();
});

解説 aタグカット、下層要素残し、jQueryでの方法

$(document).ready(function() {
$('a[href="ここに該当URL"]').contents().unwrap();
});

解説1

$(document).ready(function() {
ここに処理を記述
});

ページを読み込んだら、{}内の処理をする

解説2

$('a[href="ここに該当URL"]').contents().unwrap();

$('a[href="ここに該当URL"]')

[該当URL]のaタグ要素の、

.contents()

コンテンツに対して、

.unwrap();

囲んでいる要素(つまり上層の要素)をカットする

以上です。






Web制作+Webマーケティングの個別講座開講中

Web365はWeb担当者のスキルセットである
サイトを変更する「提案力」と「技術力」について個別指導しております


・Webで集客するための「考え方」を知りたい方
・サイトの制作改善のセオリーを知りたい方
・自身のサイトでケーススタディをしたい方
・サイトの制作改善の「技術的なスキル」を習得したい方
・分析から改善運用まで自身でしたい方
・Googleアナリティクスの設定、分析から改善施策の立案、レポート作成まで自身でしたい方

どうぞWeb365の「Webサイト制作、Webマーケティングの知識スキル習得するためのオーダーメイド個別講座」をご覧ください。






外注のWeb担当者として「制作」と「マーケティング」で単発/継続でサポートします。

Web365は貴社のWeb担当者として、制作改善運用をワンストップサポートしています

・成果にこだわるサイト制作改善をお望みの方
・自社にとって最適なweb制作会社、コンサル会社がいないとお困りの方
・分析から改善運用まで一括で依頼したい方


是非Web365までご相談ください。

【パートナー募集】
Web制作、Webコンサル、広告代理店、フリーランスの方々へのWeb改善プランの提供

Web365は同業他社/フリーランスの方々にも当方のWeb改善プランを提供し、クライアントサイトの改善プランのサポートや社内担当者へのレクチャーをサポートしています

・クライアントへのWebマーケティング、Web改善のプラン検討している方
・社内のWebマーケティングのリテラシーを高めたい方
・分析から改善運用まで一括でサポート依頼したい方

Web365は同業他社/フリーランスの方々にも当方のWeb改善プランを提供し、クライアントサイトの改善プランのサポートや社内担当者へのレクチャーをサポートしています

・クライアントへのWebマーケティング提案がしたいプラン作成をサポート
・クライアントへのWeb改善プラン実行のディレクションサポート
・社内のGoogleアナリティクスなどのレクチャー
・クライアントへのサイト分析から改善運用企画のアドバイザリーサポート
・Web系フリーランスへのWeb改善プランの提案企画書の作成サポート
・クライアントへのWeb広告運用代行
・クライアントへの計測ツール設定代行(Googleアナリティクス、eコマース、ヒートマップClarityなど)


まずは、お気軽にMTGでれきばと思いますので、Web365までご相談ください。

WordPressでホームページを作るには

執筆者:

関連記事

コピーライティングで悩んだときの15の考え方

自社の商材をPRする際に、どう表現していいか悩むこともあるかと思います。アイデアのたたき台として、コピーライティングで悩んだときの15の考え方を解説します。 Web365とは Web365は、外部We …

お問合せを増やしたいフォームの制作の方法と考え方

【コピペ】お問合せを増やしたいフォームの制作の方法と考え方_前年比200%増の成果事例

お問合せを増やしたいときには、お問い合わせフォームの制作や改善が優先度の高い施策になります。ビジネスに活用するサイトでは集客から逆算したサイト作り意識しましょう。 今回はお問合せを増やすためのフォーム …

【チュートリアル】WordPressで記事の途中からパスワード保護出来るプラグインを使った有料販売の方法

WordPressで記事の途中からパスワード保護出来るプラグインを使った有料販売の方法を解説します。 プラグイン1つと簡易なECショップので対応します。 ・記事の途中からパスワード保護出来るプラグイン …

【解説】WordPressの保守、バックアップのプラグイン BackWPupをいれておこう

【解説】WordPressの保守、バックアップのプラグイン BackWPupのいれ方、バックアップ方法の一例を解説します。 クライアントサイトで対応例です。   Web365とは Web365は、外部 …

【初心者導入編】WordPressで会社企業のホームページを作るにはまとめ

会社企業でWordPressを使ってホームページを作成制作を検討してる方(初心者)に対しまして、導入編として、メリットデメリットと制作にあたる一連の流れを網羅的に解説しています。 WordPressで …

【1分コピペ】Word PressでJavaScriptのファイル読み込みさせるときの方法

Word PressでJavaScriptのファイルを読み込みさせたいときは制作改善しているとよくあります。その方法を解説します。 この記事でわかること【1分コピペ】Word PressでJavaSc …

【コピペ】WordPress、Contact Form7のカスタマイズ、チェック項目に合わせて次の項目を表示させる方法

【コピペ】WordPress、Contact Form7のカスタマイズ、作成する方法

コピペでできる、【コピペ】WordPress、Contact Form7のカスタマイズ、チェック項目に合わせて次の項目を表示させる方法の解説です。 なぜ必要か? 問い合わせ項目のより具体的な取得をした …