2016-08-03 27 views
0

有沒有人知道如何在jQuery中insertAfter()的最後一次嘗試時給出特定的attribut(在這種情況下是一個類)?如何給jQuery的insertAfter()的最後一個過程賦予特定的屬性?

例如,

前:

<td class="column-timesheet-travel"> 
</td> 
<td class="column-timesheet-travel"> 
</td> 

$('<td class="column-timesheet-work"></td>').insertAfter(".column-timesheet-travel")後,它應該是這樣的:

<td class="column-timesheet-travel"> 
</td> 
<td class="column-timesheet-work"> 
</td> 
<td class="column-timesheet-travel"> 
</td> 
<td class="column-timesheet-work NewClassAddedOnLastAttempt"> 
</td> 

或有任何其他更好的方式來做到這一點? 預先感謝您。

+1

難道你不只是把這個類放入你要添加的HTML中嗎? –

+0

@RoryMcCrossan不幸的是我不能。因爲在我的項目中,用戶可以自定義頁面。所以,我需要用javascript/jQuery管理html和css。 –

+0

不要添加類名稱,只需在CSS中使用'.column -timesheet-work:last-child {/ * CSS here * /}'? –

回答

0

之前插入HTML更新店面插入DIV上變種,並將其插入anywehre你需要:

var $div = $('<td class="column-timesheet-work YOU-COULD-PUT_YOUR-CSS-HERE">TD 3</td>').addClass('or-add-this-way'); $('.column-timesheet-travel').last().after($div);

的例子可以通過兩種方式來完成,添加你需要的類,取代「YOU -COULD-PUT_YOUR-CSS-HERE「或使用jQuery的addClass方法。

​​

+0

非常感謝! '$('。column -timesheet-travel')。last()。after($ div);'給了我線索。 –

+0

也許這對別人有用,這是我的解決方案:我做'$('。column-timesheet-work')。last()。addClass('column-timesheet-total');'在我之後做insertAfter(); –

0

只是另一個伎倆方式:

$('.column-timesheet-travel').after('<td class="column-timesheet-work"></td>').last().next().addClass('new'); 

「最後的()」 是指類的.COLUMN-時間表旅行「和最後一個TD 」下一步()「 元素是 你只是「.after()」

相關問題