2011-11-20 2 views
0

div에서 마지막 ul을 얻는 방법은 무엇입니까? 이것은 내가 지금까지 시도한 것이다.div의 마지막 ul에 클래스를 추가하려면 어떻게해야합니까?

편집
//   $('.deliveryChargeDetail ul').last().addClass("lastActive"); 
       //   alert($('.deliveryChargeDetail ul').last()); 

       // $('deliveryChargeDetail > ul:last-child').addClass('lastActive'); 
      // $('deliveryChargeDetail.ul:last').addClass('lastActive'); 
       // $('ul:last', this).addClass('lastActive'); 
       $("deliveryChargeDetail :last-child").addClass('lastActive'); 

:

ohh..I는 점을 추가하는 것을 잊었다 :/I는 "deliveryChargeDetail"전에 점으로 위의 모든 statemnets을 시도, 그 아직도 working..whats는 올바른 방법입니다 마지막 ul에 클래스를 추가 하시겠습니까?

나는 이것에 관해 내 마음에 또 다른 것을 가지고있다. theer가 클래스 "deliveryChargeDetail"을 가진이 div를 묶는 for 루프라고 말하면 atleaset 5 ul이지만 모든 ul의 일부 lis는 텍스트를 가질 수 없다. 예를 들어 HTML이 비어있을 수도 있습니다. 그래서이 div의 처음 세 uls 만 값으로 채워지는 경우 다음과 같이 forloop에서 마지막 UL을 가져오고 비어 있지 않은 클래스를 가져 오는 방법을 알려줍니다. "lastActive ".. 내가 뭘하고 싶은지 .. 제발 도와주세요. 감사합니다.

편집 2 : 아래는 내가이 UL을 동적으로 묶는 div의 html입니다. 나는 UL 가득 LAST 당신은 거의 그것을 가지고

<div class="myDiv"> 
     <div class="leg"> 
      Delivery Charge Details</div> 
     <div class="clear"> 
     </div> 
     <div class="main deliveryChargeDetail"> 
      <ul class="gridHead"> 
       <li>Amt 1 </li> 
       <li>Amt 2</li> 
       <li>Charge</li> 
       <div class="clear"> 
       </div> 
      </ul> 
      <ul> 
       <li>0.00</li> 
       <li>20.00</li> 
       <li>5.00</li><div class="clear"> 
       </div> 
      </ul> 
      <ul> 
       <li>21.10</li> 
       <li>30.00</li> 
       <li>3.99</li><div class="clear"> 
       </div> 
      </ul> 
      <ul> 
       <li>31.10</li> 
       <li>50.00</li> 
       <li>3.50</li><div class="clear"> 
       </div> 
      </ul> 
     </div> 
    </div> 
+0

당신의 HTML을 보여주십시오 사용해야 할 것입니다. 'deliveryChargeDetail'은 아마도 점이나'#' –

+0

ohh을 필요로합니다. 점을 추가하는 것을 잊었습니다 :/"deliveryChargeDetail"전에 점으로 위의 모든 statemnets를 시도했지만 여전히 작동하지 않습니다. 어떻게 클래스를 추가 할 수 있습니까? 마지막 ul까지? – Infinity

+0

귀하의 HTML을 보여주십시오 –

답변

1

클래스 "lastActive"를 부여하고 싶다. 당신은 기본적으로 셀렉터에 .을 놓쳤습니다. jQuery가 클래스를 찾아서 ul의 마지막 요소를 찾도록 지정했습니다. 나는이 도움이 될 것입니다 생각

$(".deliveryChargeDetail ul:last-child").addClass('lastActive'); 

샘플
http://jsfiddle.net/uh6Z7/3/

+0

소스가 지금 업데이트됩니다, 귀하의 HTML 코드가 지금 질문에서 사용 가능하므로. – Smamatti

0

:

$(".deliveryChargeDetail ul").last().addClass('lastActive'); 

은 또한 라인의 수정 된 버전을 사용할 수 있습니다.

<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
      li:last-child{color:red;} 
     </style> 
     <script src="jquery-1.4.4.js"></script> 
     <script type="text/javascript"> 

      $("p.two:last-child").css("color","red"); 
      $("p:last-child").css("color","yellow"); 

     </script> 
    </head> 
    <body> 
     <ul> 
      <li>a</li> 
      <li>a</li> 
      <li>a</li> 
      <li>a</li> 
      <li>a</li> 
      <li>a</li> 
      <li>a</li> 
     </ul> 
     <div> 
      <p class="one">a</p> 
      <p class="one">a</p> 
      <p class="two">a</p><p class="two">a</p> 
      <p class="two">a</p><p>a</p> 
      <p>a</p> 
     </div> 
    </body> 
</html> 

당신은 $("ul:last-child").addCla.....

+0

oops, 신뢰할 수없는 인터넷 연결. 시간에 편집을 놓쳤다. –

관련 문제