結合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）。