問題タブ [replacewith]

たとえば、次のようなものがあります。

しかし、ページの実行のある時点で、その要素を別の要素に置き換えます。

しかし、最初の要素のコールバックを2番目に保持したい...

それは可能ですか？

編集1

.on()またはでそれを行う方法はすでに知っています.delegate()。これは私のシナリオです:

セレクターが変更されたら何かをロードする必要がありますが、そのセレクターの内容は、ログインしているユーザーの役割によって異なります。にすでに情報が保存されていlocalstorageます。そのセレクターのコンテンツは、次の方法でロードされます。

その関数は<select>要素を作成します。jsそのページ内で作成できます：

しかし、私はその機能を可能な限り柔軟にしたかったので、次のように考えてみると:

セレクターはイベントのコールバックを継承しますclick...

Google を介して多くの調査を行い、いくつかのスタックオーバーフローの投稿を読み、jsfiddle を何時間もいじくり回した後、私はレンガの壁にぶつかりました。ポインタや助けに感謝します！

最初の Stackoverflow がここに自分自身を投稿します。これが正しいことを願っています。S&A大好きなので助かります！

私はjQueryをある程度理解していますが、これを解決するには十分ではありません(明らかに;-()

私がやろうとしていること（および** jsFiddled '）**

• 「section-content」という div 内のすべての「img」をターゲットにします
• 「src」と「alt」をそれぞれ抽出
• <figure>「imgs」をラップする
• リンク ( .section-content a img ) がある場合、そのリンクを一部として正しく表示します。 <figure><a href="URL"><img src="IMAGE" alt="alt"/></a></figure>
• クラス「.section-image」を<figure>
• 幅、高さなどのナンセンスをすべて取り除きます (約 500 件の投稿があるため、クリーンなコードが望ましいでしょう)。
• 古い CSS クラスとスタイルを img から取り除く

基本的に変換するには：

に

そして、リンクがある場合:

に

私がこれまでに行ったこと: - jsFiddle - http://jsfiddle.net/NGJYy/

私が直面している問題: - リンク以外の画像 (「a」なし) で機能しますが、「.section-image」を (壊れる?! 奇妙なことに、return $('<figure class="section-image">', { 気に入らなかったものを試してみました - 画像が表示されませんそれならもう。

• リンクが存在する場合、それは惨めに失敗し、ラップして、さらに別の時間をラップし、HREFを未定義として返します。

これはうまくいきます（あなたの助けに感謝します！）

次のhtmlマークアップがあります

次のマークアップを与えるには、これを coffeescript 関数に置き換える必要があります

.old-wrapperターゲットとして使用する必要があります

私のcoffeescript関数は次のようになります

これらの文字列を replaceWith 関数内で連結する正しい方法は何ですか? (申し訳ありませんが、これは非常に基本的な JavaScript 構文の質問ですが、私の JavaScript の知識は限られています)

リンクの最初の 5 文字に含まれるそのページのすべてのリンクの最初の 5 文字を、テキスト#OFN#を置き換える画像に置き換えよ#OFN#うとしていますが、残りのリンク テキストは保持したいと考えています。

今まで使っていたのはこちら...

しかし、このアプローチは<a> tagテキストから完全に削除します。削除せずにこれを行うにはどうすればよいですか<a> tags

リンクの HTML の例を次に示します。

使用してみ.children()ましたが、それもうまくいかないようです。ここで何が間違っていますか？

or<textarea>を使用すると値が失われる問題を示すために、jsfiddle をまとめました。jQuery.html()jQuery.replaceWith()

http://jsfiddle.net/wsams/Hxehg/2/

に少しテキストを追加してからテキストを<textarea>クリックするとclick me、コンソールが表示され、textarea値が取り除かれます。

それぞれの値<textarea>が保持されることを期待しています。これを行う方法や何が起こっているのかについてのアイデアはありますか? ありがとう

注目の画像をフィギュア要素でラップしています。しかし、IE8 は Figure 要素を正しく認識せず、私のイメージを台無しにします。そこで、jQuery を使用して IE8 を検出し、Figure 要素を単純な div 要素に置き換えようとしています。

これが私のテストjQueryです：

元の図要素の属性が置き換えられた div 要素に関連付けられなくなったことを除いて、正常に動作します (chrome のインスペクターによると)。

単純な JQuery スニペットを友人のポートフォリオ Web サイトに含めて置き換えようとしています。

と：

次の別の div クラスにカーソルを合わせると:

<div class="item">アイコンを持つこれらの個別のクラスがあります。<div class="content">アイコンのクラスにカーソルを合わせて、クラスをアイコンに対応する別のクラスに置き換えられるようにしたいと考えてい<div class="item">ます。

JQ には、次のものを使用しています。

関数内でイベントdisplay: none;をスローする必要があると思うので、各コンテンツ クラス (.content を除く)がありますが、クラスを削除しても、置き換えようとしているクラスに置き換えられるものはありません。.show();replaceWith();display: none;

私はまだJQueryとJavaScript全体に比較的慣れていないので、おそらく私が正しくやっていないのはばかげた単純なことです. 問題を解決するのに十分な情報が含まれていない場合は、ご容赦ください。助けてくれてありがとう！

私は、訪問者がそのページの数式 (一種の wiki) を使用して変更できる Web ページを持っています。問題を引き起こすコードを以下に示します。このコードは正常に動作していましたが、コメントされているように見えるコード行 (jqueryreplaceWith呼び出し) を追加すると、ブラウザーは命令を正しく実行しますが、javascript/jquery コードを実行させるイベントにページが応答しなくなります。何が問題なのですか？

Web ページの各要素には一意の ID があるため、ID が Web ページ内の複数の要素を参照することはできません。ID は次のようにフレーム 2 で割り当てられます。