[解決済み] jQueryはセレクタで特定のクラスを持つ要素を除外する
2022-05-10 20:57:43
質問
jQueryで特定のアンカータグのクリックイベントトリガーを設定したいのですが、どうすればよいですか?
特定のリンクを新しいタブで開き、特定のクラスを持つものを無視したい(CMSから来るので、捕まえようとしているリンクにクラスを置くことができないことをあなたが聞く前に)。
私はクラスを持つリンクを除外したい
"button"
または
"generic_link"
試してみました。
$(".content_box a[class!=button]").click(function (e) {
e.preventDefault();
window.open($(this).attr('href'));
});
しかし、これはうまくいかないようです。また、どのようにORステートメントで
"generic_link"
を除外することはできますか?
どのように解決するのですか?
あなたは .not() メソッドを使用します。
$(".content_box a").not(".button")
また、この他に :not() セレクタを使うこともできます。
$(".content_box a:not('.button')")
この2つのアプローチにはほとんど違いはありませんが、例外として
.not()
の方が読みやすい(特に連鎖している場合)ことと
:not()
の方がわずかに速いです。参照
この Stack Overflow の回答
を参照してください。
関連
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryで要素にスクロールする
-
[解決済み] jQueryで入力を無効化/有効化する?
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] jQueryで現在のURLを取得する?
-
[解決済み] jQueryでフォームデータをJavaScriptオブジェクトに変換する
-
[解決済み] jQueryで同じクラスを持つ要素をループさせる
-
[解決済み] 動的に生成された要素でクリックイベントが動作しない [duplicate]
-
[解決済み】チェックボックスがチェックされているかどうかをjQueryで確認する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
echarts-all.js:1 Uncaught TypeError: nullのプロパティ'getAttribute'を読み取ることができません。
-
[解決済み] クラスメソッド内の "this "をタイプスクリプトで記述する
-
[解決済み] jQuery select onChangeの値を取得する。
-
[解決済み] Bootstrapのモーダルを閉じる
-
[解決済み] jQueryを使用して配列から特定の値を削除する方法
-
[解決済み] .text()を使って子タグにネストされていないテキストのみを取得する方法
-
[解決済み] jQueryでloading spinnerを表示するには?
-
[解決済み] jQueryを使用してspanに値を設定する方法
-
[解決済み] Electron: jQueryが定義されていない
-
[解決済み] jQueryで選択されたオプションのインデックスを取得する