問題タブ [wrapall]

いくつかのpを含むdivがあります。次のような状況：

ご覧のとおり、たくさんのブラブラ。に追加<a href>read more</a>したい<p#my_id>。<p>続きを読むリンクの後のすべての'は非表示にする必要があります。リンクをクリックすると、フェードアウトする必要があり、すべての<p>'が1つのオブジェクトとしてスライドインする必要があります。

したがって、次<p>のは非表示のdivでラップする必要があり、後でスライドインするはずです。

私の考えが明確であることを願っています。

前もって感謝します。

jQuery を使用してクラス要素のセットを a にラップしたいのですがdiv、解決策が見つかりません。

HTML:

望ましい結果:

グループで操作するために、子要素の範囲をdivでラップしようとしています。各グループを異なる場所に配置しようとしています。シナリオでは、ランダムにliタグを生成するリストがあり、いくつ表示されても、10個のセットごとに個別に操作する必要があります。

これを理解するために、私は書き出されたリストを使用しています：

しかし、これはもちろん私が必要とするものではありません。

これが私が今取り組んでいるコードです。

この種は機能しますが、shiftクラスのネストされたインスタンスを作成します。

別のラッパーdivが必要です。コードを作成するとしたら、次のようになります。

しかし、明らかにそれは機能しません。他の誰かが前にこのようなことをします。少し検索しても成功しませんでした。

jQueryを使用していくつかのdivを別のdivにラップする必要があります。元の出力は次のようになります。

そして、私はそれらを次のようにラップする必要があります：

divはIDまたはクラスで識別できないため、h3に続くすべてのdivをラップする方法を見つける必要があります。

サイズに基づいて.big割り当てられた一連のDIVがあります。.smallそれらは2つまたは3つのグループにラップする必要があります。実際に.bigは、割り当てられたスペースに収まるのは2つだけです。

2つの.bigDIVが互いに隣接して存在する場合、それらは2つのグループにラップする必要があります。それ以外の場合、DIVは3つのグループにラップする必要があります。

私が間違ったこととそれを機能させる方法を教えてください。以下は、ラップを壊すべき場所についてのコメント付きの例です。その下に私がjQueryで試したものと、jsFiddleへのリンクがあります。

if以下のはかなりうまくいくと思いますが、elseすべてが壊れます。

http://jsfiddle.net/natejones/UvsZE/

ヘッダーとリストのグループを取得し、それらを個別に含めて、スタイルを設定できるようにしようとしています。すなわち：

.before()とを使用してタグの前に.afteraを追加し、タグの後に閉じることでこれを試みましたが、jqueryがタグを自動的にクリーンアップして閉じることがわかりました。だから、タイトルとリストをグループ化する方法がわからないので、使用する必要があると思います。divh2ulwrap()

私はwrapall（）を読み終えましたが、それが必要な解決策かもしれないと思います。この構造を与える：

私はこの構造になりたいと思います：

私はこれを達成する方法を少しもしていません。ラップオールの例をいくつか読みましたが、この方法で適応できるものはありません

gfield_html の下のすべての li を div でラップする方法。

現在、これを使用しています：

しかし、2 番目の gsection は div にラップされています。これはタイトルであるため、これをラップしたくありません。

ここに構造があります

jQuery を使用して、段落の末尾にテキストを追加しようとしています。私の考えは、次のような構造を生成することでした。

私の答えから判断すると、明確になります。最初にこの構造を作成する必要があります。そして、これは私が難しいと思う部分であり、2番目の最終結果ではありません. では、これを動的に作成するにはどうすればよいですか。

そして、新しいテキストを追加すると、次のようになります。

.wrapAll() メソッドで遊んでいますが、目的の効果が得られません。これはこれを行うための最良の方法ですか（そうであればどのように）、または既存の段落の最後に新しいテキストを追加する別の方法がありますか（スタイルを変える必要があるため、何らかのタイプのタグでラップする必要があります） ?

h1でコンテンツをラップしてフォローする方法を知る必要がありますdiv。これは元の構造です。

これは私が得たい結果です: