2011-08-14 17 views
0

は:jQueryの助け挿入するHTML

var element = findLastInput(this).clone(); 
element.insertAfter(findLastInput(this)); 

これは、クラスbutton-rowに最も近いdivの内側の後にそれを挿入するにはHTML

です。

マイHTML:

<div class="input numeric integer optional"> 
    <label for="company_webserver" class="integer optional"> Webserver</label> 
    <input type="number" step="1" size="50" name="company[webserver]" id="company_webserver" class="numeric integer optional"> 
</div> 
<div class="button-row" style="font-size: 11px; width: 110px; float: right; margin-top: -10px; margin-right: 16px;"> 
    <button style="font-size: 11px;" type="button" class="add">Add info</button> 
    <button style="font-size: 11px;" type="button" class="remove">Remove</button> 
</div> 
+2

「this」は何を参照していますか? 「要素」とは何ですか? –

+0

「近い」とはどういう意味ですか? – sdleihssirhc

+0

@Felix - さらに必要な情報を追加して質問を更新しました –

答えて

0

真の解決策は、しかし、私はあなたが最も近い「.button行」 『この』とした後、次に 'を追加しようとしている見つけようとしていることをjQueryのnextAll方法と仮定していますsomeHtml ':

jQuery(this).nextAll('.button-row:first').append(someHtml); 
+0

私はこれをより簡潔にするために答えを削除しました:あなたは何をしようとしているのか分かりませんが、試してみてください: jQuery( '。button-row:first')。append(someHtml); あなたは「最も近いdiv」と言いました。次のボタン行が追加されることを達成したいと思います。その場合、可能であれば、おそらく同じdiv内に両方の要素をラップするのが最も簡単なので、次のようにすることができます。 jQuery( '。button-row:first'、jQuery(this)).parent())。 append(someHtml); これは、最初のdivの親のスコープを使用して.button-rowを選択します。 – Mosselman

+0

私は$(this).closest( '。button-row')を使いました。 –

+0

@Railsでは、最も近いものがDOMツリーをUPし、要素自体も一致することに注意してください!それとは別に、私は助けてうれしいです。 – Mosselman

関連する問題