2012-12-15 60 views
0

所以我有這樣的代碼:追加到(這)類

$(".list").append('<li>hi</li>'); 

這裏有一個工作示例:http://jsfiddle.net/pXaSC

當你點擊+按鈕,它增加了一個buttonul

如果您複製並粘貼.buttonsdiv(複製按鈕,列表),點擊其中任何的+按鈕,它會在他們兩個(http://jsfiddle.net/pXaSC/1/)的附加列表項。

然而,我想實現的是讓這兩個列表獨立工作。

我知道我需要使用(this).parent()選擇器,但我無法弄清楚。 我不想用id的。

回答

2

在按鈕點擊的事件處理程序中,this對應於該按鈕。因此,需要通過DOM樹瀏覽了一下所需<ul class="list">

$(this).parent().find('ul.list').append(...); 

一個層次到父(封閉<div>),然後找到該div裏面的<ul>

http://jsfiddle.net/pXaSC/4/

+0

非常感謝!這非常有幫助! – lawx