javascript - 如何测试 jQuery 选择器条件是否超过 2 次？

Question

可能重复：
在 div 更改时触发 jQuery 事件

我正在使用这个小插件来观察 html 中的变化：https ://github.com/jacobrelkin/jquery-watcher

这很好用，问题是我需要if condition验证它是否超过 2 次，原因是当画廊加载并且它向左和向右移动时会创建-moz-grabbing两次加载条件。

我试着做

  if(  $('#gallery-1').has('div').css('cursor', '-moz-grabbing') > 2)
  if(  $('#gallery-1').has('div').css('cursor', '-moz-grabbing').length > 2)

我也试过把它放在一个变量中然后做> 2

以上似乎都不起作用，不确定我做错了什么？

$('.sliderContainer').watch('innerHTML', function() {
    if(  $('#gallery-1').has('div').css('cursor', '-moz-grabbing') ) {
        console.log($('#gallery-1').has('div').css('cursor', '-moz-grabbing'));
        $('#collapse_content_1').toggleClass('collapse_inner_off');
    }
});

Answer 1

.css('cursor', '-moz-grabbing')实际上设置样式表规则。您可能想使用.filter：

$('#gallery-1').has('div').filter(function () {
   return $(this).css('cursor') == '-moz-grabbing';
}).length > 2