이 변경에 가장 적합한 jquery 선택자는 무엇입니까?

Question

메서드() 이후 jquery ()을 사용하여 다음 HTML을 사용합니다. 일부 새 HTML을 사용합니다. 이것은 잘 작동하지만 지금은 특정 조건 (추가 클래스가 상위 TD에있는 경우)에서 after() 메서드를 적용하지 않고 올바른 jquery 선택기 구문을 파악하려고하는 상황이 발생합니다.

를 시작하는 데,이보다 구체적인를 확인하려면, 나는 다음과 같은 HTML이 :

<td class="fc-widget-content"> 
<div> 
     <div class="fc-day-number">1</div> 
     <div class="fc-day-content"> 
    </div> 
    </td> 

을 나는 다음과 같은 논리를 원하는 다음 직후

 <span class="addEventHidden" style="display: none;"> 
      <img src="/Content/Images/addEvent.gif"> 
     </span> 

:이 HTML을 고수 할 fc-day-number div. 나는이 일을 쉽게 할 수 있습니다

$('.fc-day-number').after(function() { 
    return "<span class='addEventHidden' style='display: none;'><img src='/Content/Images/addEvent.gif'></span>"; 
}); 

이 상단 DIV이 추가 클래스가있는 경우 어떤 경우에는 내가 후론() 메소드를 실행하지 않으 제외하고 잘 작동 : FC - 기타 -를 달

상단은 다음과 같습니다 그래서 만약 명령 다음에 이것을 적용

<td class="fc-widget-content"> 

을하지만 상단 TD는 다음과 같습니다 경우 :

<td class="fc-widget-content fc-other-month"> 

Answer 1

시도 :

$('td.fc-widget-content:not(.fc-other-month) div.fc-day-number') 
    .after('<span class="addEventHidden" ... >'); 

예 명확성을 위해 줄 바꿈이 있습니다. <span class="addEventHidden" ... >을 legit html로 바꿉니다.

$('.fc-day-number').filter(function(){ 
    return $(this).closest('.fc-other-month').length === 0; 
}).after(function() { 
    return "<span class='addEventHidden' style='display: none;'><img src='/Content/Images/addEvent.gif'></span>"; 
}); 

을 아니면 div을 선택하는보다 구체적인 선택을 사용할 수 있습니다

Answer 2

$('.fc-widget-content .fc-day-number').not('.fc-other-month .fc-day-number').after(function() { 
    return "<span class='addEventHidden' style='display: none;'><img src='/Content/Imags/addEvent.gif'></span>"; 
}); 

Answer 3

$(".fc-widget-content:not(.fc-other-month):parent(.fc-day-number) .fc-day-number"); 

Answer 4

당신은 올바른 부모 divs의를 얻을 수 .filter를 사용할 수 있습니다.

$('.fc-widget-content:not(.fc-other-month) .fc-day-number').after(function() { 
    return "<span class='addEventHidden' style='display: none;'><img src='/Content/Images/addEvent.gif'></span>"; 
}); 

P. </td> 앞에 </div>을 잊어 버렸습니다.