объединить правила jquery

Question

У меня есть этот jquery

$('#1').fancybox({
'width': '50%',
'height': '90%',
'autoDimensions': false,
'type': 'ajax',
'ajax': {
    dataFilter: function(data) {
        return $(data).find('.news:first')[0];
    }
}
});
$('#2').fancybox({
'width': '50%',
'height': '90%',
'autoDimensions': false,
'type': 'ajax',
'ajax': {
    dataFilter: function(data) {
        return $(data).find('.news:eq(1)')[0];
    }
}
});

есть ли возможность объединить эти 2 в 1

THNX

Answer 1

Ваша самая большая проблема - dataFilter, но вы можете попробовать что-то вроде этого:

$('#1, #2').each(function(i, el) {
  $(el).fancybox({
    'width': '50%',
    'height': '90%',
    'autoDimensions': false,
    'type': 'ajax',
    'ajax': {
      dataFilter: function(data) {
        return $(data).find('.news:eq(' + i + ')')[0];
      }
    }
  });
});

Answer 2

Как это?

$('#1, #2').fancybox({
    'width': '50%',
    'height': '90%',
    'autoDimensions': false,
    'type': 'ajax',
    'ajax': {
        dataFilter: function(data) {
            return $(data).find('.news:eq(1)')[0];
        }
    }
});

Вы можете комбинировать селекторы, как в CSS, разделяя их запятыми.

Редактировать: :first - это просто сокращение для :eq(0), поэтому единственным отличием ваших настроек были селекторы.Цитата из jQuery docs :

Первый псевдокласс соответствует первому: eq (0).