jQuery的幫助插入HTML

如何重寫這個插入HTML的Jquery：jQuery的幫助插入HTML

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

這是HTML

要與類button-row後插入它最接近的DIV中。

我的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>

來源

2011-08-14 Rails beginner

'this'指的是什麼？什麼是「元素」？ –

「最接近」是什麼意思？ – sdleihssirhc

@Felix - 我更新了我的問題，並提供了更多非常需要的信息 –

真正的解決方案但被jQuery的nextAll方法，我假設你正在努力尋找最接近的「.button行」後‘這個’，然後被試圖追加「 someHtml'：

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

來源

2011-08-14 19:12:15 Mosselman

我刪除了這個答案，以使它更簡潔：我不太明白你在做什麼，但是試試： jQuery（'。button-row：first'）。append（someHtml）; 您提到了'最接近的div'，我認爲您希望實現將下一個按鈕行附加到。在這種情況下，如果可能的話，可能最容易將它們都包裝在同一個div中，所以你可以這樣做： jQuery（'。button-row：first'，jQuery（this）.parent（））。追加（someHtml）; 這將使用第一個div的父級的範圍來選擇.button行。 – Mosselman

我確實使用了$（this）.closest（'。button-row'）。append（element）; –

@Rails，請記住最接近DOM樹的內容並且也會匹配元素本身！除此之外，我很高興能夠提供幫助。 – Mosselman

jQuery的幫助插入HTML

回答

相關問題