在選定div之前添加div

我有一堆divs一個接一個。在選定div之前添加div

<div class="betweenable">some content</div> 
<div class="betweenable">other content</div> 
<div class="betweenable">yet another</div>

當我點擊最後一個div，我想在它之前插入文本new content在一個div，所以最終的結果將是

<div class="betweenable">some content</div> 
<div class="betweenable">other content</div> 
<div class="betweenable">new content</div> 
<div class="betweenable">yet another</div>

我試圖append但它增加新的標記裏面選擇格頂部。我想插入以外的選定div。我應該用這條線，而不是什麼

var newmarkup = '<div class="betweenable">new content</div>'; 
$(this).prepend();

來源

2011-02-24 twitter

你可以試試這個

$('.betweenable').click(function(){ 
    var newmarkup = '<div class="betweenable">new content</div>'; 
    $(this).before(newmarkup); 
});

下面是一個例子：http://jsfiddle.net/jomanlk/C4XyH/

來源

2011-02-24 04:35:38 JohnP

如果你想要能夠點擊插入的div，只需將'.click'函數改爲'.live（ 'click'，function（）{...}）' – JohnP 2011-02-24 04:39:15

沒有選擇器應該是$（'。betweenable：last'）？因爲他想點擊最後一個div。 – Imrul 2011-02-24 06:28:30

從我的理解，他希望它能夠在所有方面都有效。對last的引用僅僅是一個例子，所以我們有一個用例。 – JohnP 2011-02-24 06:32:27

可以使用.before這裏是DEMO

來源

2011-02-24 04:37:26 Rafay

在選定div之前添加div

回答

相關問題