問題タブ [replacewith]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - .replaceWith()を正しく使用してパスワードバリデーターを作成する
ユーザーが入力した最初のパスワードと2番目のパスワードが実際に同じであることを検証する簡単なフォームを作成しようとしています。もしそうなら、これを確認するパスワード入力の右側に画像を表示したいと思います。
コードのほとんどの側面が機能しています。ただし、replaceWith()を正しく機能させることができないようです。以下のコードは、ユーザーが最初のパスワードを入力し、2番目のパスワードを入力し、両方が同じである場合に正しい画像を表示します。ただし、ユーザーが最初のパスワードまたは2番目のパスワードのいずれかを編集して不一致が発生した場合、replaceWith()は画像を変更してこれを通知しません。
私が見逃しているものや間違って使用しているものについての洞察は素晴らしいでしょう。
ありがとう!
HTMLは次のとおりです。
jQueryは次のとおりです。
jquery - jQuery フェードアウト => replaceWith => フェードイン
replaceWith フェードインおよびフェードアウト関数に小さな問題があります。
フォームはフェードアウトしますが、他には何も起こりません。フォームは削除されますが、何も置き換えられません。
ここで何がうまくいかないのでしょうか?
これは実際にはオブジェクト リテラルの一部であり、次のようになります。
jquery - jQuery replaceWith() ドキュメント
私はjQueryのドキュメントに取り組んでおり、完全に理解していないreplaceWith()の例( http://api.jquery.com/replaceWith/の最後の例)の一部を見つけました。この投稿へのリンクを jQuery ドキュメントの replaceWith() ページのコメントとして投稿し、jQuery および DOM 操作の初心者を支援します。
具体的には、次の「$container」の動作を完全には理解していません。
変数が作成されたときに「replaceWith()」メソッドが呼び出されたため、上記のコードが「p」の内容に「inner」という単語を追加することを期待していました。
ただし、「$("p").append( $container.attr("class") );」実際には、「内部」という単語ではなく、「コンテナ」という単語を追加します。
変数「$container」は実際には、置き換えられたコンテンツ「$(this).contents();」ではなく、置き換えられた div「$("div.container")」を参照しているようです。
2 つの質問:
- このコンテキストで「replaceWith()」は何をしていますか?
- 操作の順序または「attr()」メソッドで、私が見ていない特別なことが起こっていますか?
完全なコードは次のとおりです。
jquery - Newclass をどこから取得しても同じままにせずに、クラスを新しいクラスに置き換えます
コードを新しいコードに置き換えたい。関数を置き換えるためにreplaceWithを使用しましたが、以前の場所から新しいクラスを削除します。そのクラスを以前の場所に残しておき、別のクラスを置き換える必要があります。どうやってするの??例: $('.popinner').insertAfter($('.rContentPopUp')); これを行うと、「.rContentPopUp」が「popinner」クラスを置き換えます。しかし、「.rContentPopUp」は古い構造から削除されました。
javascript - JQueryの要素fadeOut()およびfadeIn()中のreplaceWith()
私がやろうとしているのは、コンテナ内のすべての画像をフェードアウトし、#next1の画像を#activeに置き換えてから、すべての画像を再びフェードインすることです。
これが私のコードです:
これは動作しません。私は自分が空の#activeを見ていることに気づきました
しかし、これは;
置き換えはうまくいきますが、私がやろうとしているアニメーションはうまくいきません。
chromeとieの両方で同じ結果が得られます。
jquery - jQuery replaceWith DOM 内の要素へのリンクを保持していませんか?
ある時点で:
後で:
どうやらelは最初のreplaceWithの後、もう存在しません...
どうにかしてel
、明らかに新しいコンテンツを維持できますか?
jquery - jQueryはcssスタイルを指定されたクラス名に置き換えます
HTMLコンテンツを含む文字列varがあります。次を確認してください
var dc = "<html><head><style type='text/css' >.round {border:2px solid grey;width:auto;}</style></head> <body></body>";
.round
スコープ内のコンテンツを変更するにはどうすればよいですborder:2px solid grey;width:auto;
か??
replaceWith
または他のテクニックを使用できますか??
返信してください、ありがとうございます。