5

http://jsfiddle.net/motocomdigital/6DeAC/

div までいくつかのマークを保留するのが好きです。しかし、div の子要素の間にペンドを表示する必要があります。これは可能ですか?

以下の私の例を見てください。

<div class="bx-wrapper">

    <div class="bx-window">window</div>

    <a href="" class="bx-prev">prev</a>
    <a href="" class="bx-next">next</a>

</div>


したがって、保留中の div をここに表示する必要があります...

<div class="bx-wrapper">

    <div class="bx-window">window</div>

    <div id="pendHere">pend</div>

    <a href="" class="bx-prev">prev</a>
    <a href="" class="bx-next">next</a>

</div>


これで私を助けてくれる人はいますか?

ここでフィドルを参照してください... http://jsfiddle.net/motocomdigital/6DeAC/


ありがとう

4

2 に答える 2

10
$('<div id="pendHere">pend</div>').insertAfter('.bx-wrapper .bx-window');
于 2012-11-04T15:13:31.607 に答える
1

次のように $(pend_element).after('element#id or element.class[n]') を試してください:

var elementToPendAfter = $('selector'); 

css 宣言の数を短縮したり、単一の宣言を再利用したり、不要な css セレクターを削除したりするために、保留する要素にクラス名がある場合、jQuery は、要素の className を持つリテラル オブジェクト配列または要素のコレクションを返します。次に、次のように、className セレクターとそのコレクション内の位置を保持する変数を呼び出すことで、任意の要素を選択できます。

var specificElement = $(elementToPendAfter[2]); // is the third $(element.class)

var pendElement = $(element#id or element.class[n]);
pendElement.after(specificElement);// one line no hassle :)

jQuery api は次のとおりです。 jQuery の after() API

要素が保留された後、ブラウザーの開発者ツールで HTML をチェックして、適切な場所にあるかどうかを確認してください。

于 2012-11-04T18:30:10.643 に答える