2016-08-03 4 views
0

jQuery에서 insertAfter()를 마지막으로 시도했을 때 특정 속성 (이 경우 클래스)을 제공하는 방법을 알고있는 사람이 있습니까? 예를 들어jQuery에서 insertAfter()의 마지막 프로세스에 특정 속성을 지정하는 방법은 무엇입니까?

,

전 :

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

또는이 작업을 수행하는 다른 더 좋은 방법이있다 : $('<td class="column-timesheet-work"></td>').insertAfter(".column-timesheet-travel")

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

, 그것은 뭔가를해야 하는가? 미리 감사드립니다. var에에 HTML 업데이트 저장소를 삽입 사업부를 삽입하고이 anywehre를 삽입하기 전에

+1

추가 할 HTML에 해당 클래스를 넣을 수는 없습니까? –

+0

@RoryMcCrossan 불행히도 나는 할 수 없었다. 내 프로젝트의 경우 사용자가 페이지를 사용자 정의 할 수 있기 때문입니다. 그래서, 자바 스크립트/jQuery와 HTML과 CSS를 관리해야합니다. –

+0

클래스 이름을 전혀 추가하지 마십시오. CSS에서'.column-timesheet-work : last-child {/ * CSS here * /}'를 사용 하시겠습니까? –

답변

0

당신이 필요합니다

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);

예는 당신이 필요로하는 클래스를 추가하는 두 가지 방법으로 수행 할 수있다 "당신을 교체 -COULD-PUT_YOUR-CSS-HERE "또는 jQuery의 addClass 메소드를 사용하십시오.

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

+0

고마워요! 그'$ ('. 열 - 시간표 - 여행'). last(). after ($ div);'나에게 단서를 준다. –

+0

아마 이것은 다른 사람들에게 유용 할 것입니다. 이것은 제 솔루션입니다 :'$ ('column-timesheet-work'). insertAfter();를 수행하십시오. –

0

그냥 다른 트릭 방법 :

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

"마지막()"클래스 '.column-작업 표-여행'과 가진 마지막 TD을 의미한다 "다음은()"요소가 무엇인지 그냥 ".after()"