問題タブ [dom-manipulation]

jQueryとjQueryUIを備えたWebサイトがあります。私はJavascript関数を持っています：

この関数は、ページの読み込み後に実行され、クラス「ToButton」のすべての要素を変更します。

また、ユーザーがボタンを押すとHTMLコードが変更されます。例えば：

また、この新しい要素に対してToButton関数も実行したいのですが、jQueryのライブメソッドまたはデリゲートメソッドには「show」または「create」イベントタイプがありません。したがって、すべてのHTMLコードを変更した後、関数ToButton（）を呼び出す必要があります。

ToButton関数をすべての要素に委任する方法を教えてください。

このように HTML に 2 つのスパンを設定しています。

.benefitsを使って隠しましたdisplay:none

誰かが の上に乗ったら.job_title、 に置き換えたいです.benefits。

これは私が現在持っているものですが、機能していません。

次のコードのブレーク タグの最後の 2 つのインスタンスを削除しようとしています。

共通クラスで表される既存の要素セットに新しい div 要素をオンザフライで追加しようとしています。この一連の要素には jQuery .data() も含まれており、これを使って簿記を行います。

問題は、「before()」を使用して新しい要素を追加しようとすると、前述の .data() 値が消去されることです。しかし、これは「after()」を使用する場合には当てはまりません。

これが役立つかどうかはわかりませんが、着信 div 要素は、それらが追加される既存の div 要素のセットと同じクラスを共有します。

jsfiddle で自己完結型の例を作成しました。

違いを知るには、JavaScript コードの .after() と .before() の間の行を切り替えるだけです。

簡単に参照できるように、ここにコードも貼り付けます。

HTML スニペット

JavaScript スニペット

私は以下を構築しようとしています、

基本的に、白いテキストの下にある濃い緑色のバーは、アクティブなリンクに応じて拡大および縮小する必要があります。たとえば、現時点では、THE JOBWALL リンクがアクティブであるため、緑色のバーはそのリンクの幅に広がります。この効果を実現するにはどうすればよいですか。緑色のバーを作成する背景画像をアニメーション化して、ページが読み込まれたときにバーがアクティブなページの下に収まるまで左右からアニメーション化することは可能ですか?

どんな助けでも素晴らしいでしょう。

私は<tr>Javascript変数を介してを追加しています：

私の機能は次のとおりです。

HTMLのテーブル構造（関数のボタンと一緒に）は次のとおりです。

.remove()では、jQueryの関数を使用して、誤ってすべてのタグを削除せずに親タグを削除するにはどうすればよい<tr id='dynTR'>ですか？

phpのように、または使用newClassして、開始タグにという名前のクラスをどのように追加しますか?<a class='abc'><p style=display:block>

「on DOM change event」を実現するために、$.prepend()(そしておそらくの)機能を変更したいと思います。$.append()

次のような簡単なことはできますか？

$.extend()または、関数 or$.prototype.prependまたはを使用する必要がありますか$.fn.prepend?

[関数の元のソースを新しい関数に含める必要があることに気付きましたprepend()。そうしないと、jQuery が壊れます!]

編集::最終的な解決策

興味のある方へ：

そして使用法：

上記の例では、ラベルがクリックされたときに要素を作成し、ラベルが再度クリックされたときdivに作成された要素を削除しようとしていますが、機能していません。div