Jquery && selector

Question

내 div (id # row1)의 모든 단일 div에 "none"으로 설정된 "pointer-events"속성이 있는지 확인하고 싶습니다. 그리고 단지 모두가 그 속성을 가지고 있다면 뭔가를해라.

나는 그것이 아주 나쁜이지만 작동 한 방법 :이를 확인하는 간단한 방법은

if($('#row1 div:nth-child(1)').css("pointer-events") === "none"){ 

    if($('#row1 div:nth-child(2)').css("pointer-events") === "none"){Do something}} 

있습니까? 이런 식으로 뭔가 :

if(($('#row1 div:nth-child(1) && #row1 div:nth-child(2)')).css("pointer-events") === "none"){ 
    Do something 
} 

Answer 1

jQuery를이 .all 또는 .every 방법을하지 않는 것,하지만 당신은 이것에 대한 Array.prototype.every (또는 [].every)를 사용할 수 있습니다 :

var allHavePointerEventsNone = [].every.call($("#row1 div"), function(el) { 
    return $(el).css("pointer-events") === "none"; 
}); 

테스트 :

// HTML 
<div id="foo"> 
    <div class="yes"></div> 
    <div class="yes"></div> 
    <div class="yes"></div> 
</div> 

<div id="bar"> 
    <div class="yes"></div> 
    <div class="yes"></div> 
    <div class="no"></div> 
</div> 

// JS 
console.log([].every.call($("#foo div"), function(el) { 
    return $(el).hasClass("yes"); 
})); 

console.log([].every.call($("#bar div"), function(el) { 
    return $(el).hasClass("yes"); 
})); 

을

출력 :

true 
false 

https://jsfiddle.net/Dogbert/41wqf94p/