자식 div 요소가 두 개 이상있는 경우 jquery

Question

li 요소에있는 div 수를 얻는 방법은 무엇입니까?

여기 내 코드는 있지만 작동하지 않습니다. (리튬 내부 단지 1 사업부가도 때, 모든 IMG 클래스를 가져옵니다 의미 작동하지 않습니다.) 여기

if($('.lookbook ul li').find('div').length > 1){ 
    $('.lookbook ul li img').addClass('lbcursor'); 
} 

내 HTML 구조입니다 :

<div class="lookbook> 
    <ul> 
     <li> 
      <div><img/></div> 
      <div></div> 
     </li> 
     <li> 
      <div><img/></div> 
      <div></div> 
     </li> 
     <li> 
      <div></img></div> 
     </li> 
    </ul> 
</div> 

세 번째 IMG는 안 수업 가져와.

li 요소의 div 수를 원하고 div가 1 개 이상인 경우 .lbcursor 클래스를 img에 추가해야합니다.

내가 여기에 비슷한 답을 발견했다 : jquery: if children with specific class?을하지만 난 그냥 경우 절은 정확하다는 것을 인정

아를 작동하지 않습니다. 문제는 클래스를 추가하는 요소입니다. 각 요소는 특정 할 수 있도록 아마도 이러한 맥락 각을 사용하여

Answer 1

해야 당신 루프를 통해 그 요소를 대상으로해야합니다.

$('.lookbook ul li').each(function() { 
    var $this = $(this); 
    if ($this.find('div').length > 1) { //if looking for direct descendants then do .children('div').length 
     $this.find('img').addClass('lbcursor'); 
    } 
}); 

Fiddle

당신은 또한이 쓸 수 있습니다 :

$('.lookbook ul li').each(function() { 
    var $this = $(this); 
     $this.find('img').addClass(function(){ //using function argument syntax for addClass 
      return $this.find('div').length > 1 ? "lbcursor" : ""; 
     }); 
}); 

Answer 2

:

$('.lookbook ul li').each(function() { 
    if ($(this).find('div').length > 1) { 
    $('.lookbook ul li img').addClass('lbcursor'); 
    } 
}); 

언급 로 [편집]을

$('.lookbook ul li img').addClass('lbcursor'); 

$(this).find('img').addClass('lbcursor'); 

Answer 3

코드의 상태는 괜찮습니다,하지만 경우 블록 내에서 당신은 CSS를 추가하는 모든 이미지에 액세스 수업.

나는 당신의 코드는 다음과 같이해야한다고 생각 :

if($('.lookbook ul li').find('div').length > 1){ 
    $('.lookbook ul li img').find('div').addClass('lbcursor'); 
} 

(리팩토링을 수행 할).

if 블록 내에서 find()에 대한 추가 호출을 염두에 두십시오.

Answer 4

:has() 및 :nth-of-type() 선택자를 사용하여 간단하고 간단합니다.

$('.lookbook ul li:has(div:nth-of-type(2)) img').addClass('lbcursor'); 

jsFiddle Demo

• P.S - :nth-of-type() 선택과 마찬가지로,이 (귀하의 질문에 보이는대로) div 요소는 동일한 요소의 직계 자식 경우에만 작동합니다.