querySelectorAllエレメントのhrefをforEachで削除する
wordpressプラグインMetaSliderなどで、左右の矢印をクリックすると、ページのTOPまで戻ってしまうのを解除する記述。
jsファイルに下記を追加
$(function(){
const element1 = document.querySelectorAll('.flex-prev');
const element2 = document.querySelectorAll('.flex-next');
element1.forEach(element1 => element1.removeAttribute("href"));
element2.forEach(element2 => element2.removeAttribute("href"));
});HTMLのhrefが削除される。
<a class="flex-next" href="#">Next</a>
↓
<a class="flex-next">Next</a>HOME > javascript > querySelectorAllエレメントのhrefをforEachで削除する
javascript
- slick sliderで逆にすると画像が表示されなかったり途中で切れる場合
- slick sliderのサムネイルを縦に流す
- formのoninput-output。結果を3桁ごとにカンマが入る数値タイプに変換
- マウスオーバー・マウスアウト（スマホの時はクリック）で画像を切り替えるjquery。
- jQuery,Masonry,imagesloadedで画像を敷き詰める
- jQueryで特定のページからリンクされた後のページでclassを追加
- カレンダー
- 特定の要素を持っていたら（あったら）jQuery
- スクロールすると上からニョキッと降りてくるメニューjQuery
- マウス・マウスホイールで横スクロールするjavascript
- 横スクロール要素をマウスホイールで動かせるjavascript
- jqueryとcssでタブ
- 特定の要素を持つ時にclassを付けるjQuery
- スクロールして現れたらアニメーション（フェード等）開始jquery
- MOREボタンで数件ずつ要素を表示wp
- slick 基本
- スクロールして表示するとフェードイン
- スクロールして表示されたタイミングでアクションを起こすjs
- スクロールするとメニューが上からゆっくり降りてきてヘッダー固定・Y座標0でメニューがスムーズに上がる（消える）
- Enterキーを押すとinputが空欄になるのを防ぐ
- jsでふわふわ縦に揺れる
- 特定の要素の幅と高さを取得するjavascript
- ウィンドウ幅リサイズごとにブラウザをリロードするjavascript
- サイトにローディングを実装するjavascript
