![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
こんにちわ。jQueryでのタグの指定方法に関する質問があります。
以下の条件のaへアクセスしたいのですが、どういうふうにアクセスすればいいのかわかりません。
【条件】
1)target指定が「_blank」であるaタグ
2)aタグの中身がimgではないものに限る
要は、外部リンクにアイコンをつけたいのですが、バナーなどのimgのリンクボタンにはつけたくない訳です。
現在は以下のような書き方でアイコンを自動付加しています。
$('a[@target^="_blank"]').after('<img src="../outer.gif" alt="新しいウインドウで開きます" />')
しかしこのままでは、バナーやメニュー等のイメージのボタンリンクにもアイコンが付いてしまいます。これをimgの場合は付かないようにしたいのですが、どのように記述すれば良いのかわかりません。
ちなみに、そのものや周辺のタグ要素にclassやidはつけない方向で考えています。(完全自動にしたい)
ご存じの方、アドバイスよろしくお願いします。
No.1ベストアンサー
- 回答日時:
一発で決める方法はわかりません。
$('a[@target^="_blank"]').after(~略
で、とりあえず追加し、その後で
$('a[@target^="_blank"]:has(img) +img').css('display','none');
このようにして不要な物は非表示にするとか・・・なんかイマイチですが。
http://semooh.jp/jquery/api/selectors/%3Ahas/sel …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP PHP・Wordpress preg_replaceを条件分岐で処理させる方法が知りたい 1 2023/05/01 14:25
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- WordPress(ワードプレス) 画像ポップアップ(Lity)の使い方について 1 2023/03/06 17:30
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- SEO googleサーチコンソールで、重複URLが多数発生、その修正方法について 2 2023/06/23 16:15
- その他(開発・運用・管理) フォルダの中にファルダを作成してファイルを格納するバッチコマンド 1 2022/06/30 11:39
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンをセル内一杯に表示させ...
-
inputタグでサーバにデータを送...
-
画像をクリックして元に戻すには
-
リンクを知らせる手のマークが...
-
【jQuery】複数の条件で絞った...
-
プルダウンの選択リストの中に...
-
画像をクリックして同じページ...
-
imgタグは何で囲むのが良いか
-
UDP通信を使うチャットプログラ...
-
XML画像データををHTMLで簡単に...
-
画像の縦サイズが小さいと隙間...
-
画像を、横並びにするには!?
-
ホームページの一番下に配置し...
-
水面の波紋
-
【HTML/CSS】ボタンの枠が伸び...
-
Dreamweaverで画像サイズ修正
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
liタグの中に<p>タグやら<dl>を...
-
【ヒトの神秘】美男美女から何...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンをセル内一杯に表示させ...
-
リンクを知らせる手のマークが...
-
htmlで画像を2個ずつ並べていき...
-
ポップアップウィンドウのサイ...
-
画像のサイズが変わらない
-
XML画像データををHTMLで簡単に...
-
【HTML/CSS】ボタンの枠が伸び...
-
UDP通信を使うチャットプログラ...
-
リンクを選択したときの青い枠...
-
favicon.ico はもういらない?
-
table で画像をピッタリとくっ...
-
CSSの左横に隙間ができてしまい...
-
HTMLのIMAGEに。。
-
ホームページで画像を横に並べ...
-
画像とテーブルの隙間をなくす。
-
リンクをつけた画像をクリック...
-
HTMLは、シングルクォートかダ...
-
縦長広告をウェブページの右側...
-
c言語を用いて画像の透明度をあ...
-
ホームページタグ打ち。サイズ...
おすすめ情報