2016-08-03 3 views
0

Есть ли кто-нибудь, кто знает, как указать конкретный атрибут (класс в этом случае), в последней попытке insertAfter() в jQuery?Как указать конкретный атрибут для последнего процесса insertAfter() в jQuery?

Например,

До:

<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 К сожалению, я не мог. Потому что в случае моего проекта пользователь может настроить страницу. Итак, мне нужно управлять html и css с помощью javascript/jQuery. –

+0

Не добавляйте имя класса вообще, просто используйте '.column-timesheet-work: last-child {/ * CSS здесь * /}' в вашем CSS? –

ответ

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-ЗДЕСЬ "или с помощью метода addClass из jquery.

https://jsfiddle.net/wallynm/2rjyLd7m/

+0

Спасибо большое! Это '$ ('. Column-timesheet-travel'). Last() после ($ div);' дает мне ключ. –

+0

Возможно, это будет полезно для других, это мое решение: я делаю '$ ('. Column-timesheet-work'). Last(). AddClass ('column-timesheet-total');' сразу после I сделать insertAfter(); –

0

Еще один трюк путь:

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

"последнего()" означает, что последний тд с классом '.column-табель-путешествия' и "следующий()" элемент , что вы just ".after()"

Смежные вопросы