打印所有前一個和下一個元素

Question

我想打印所有先前的圖像ID以進行檢查。因爲當我使用以下代碼向所有以前的類添加類時，圖像不會添加到相應的類中。

$(document).on('click', 'img', function() { 
    var t=$(this); 
    t.prevAll().removeClass('t2').addClass('t1'); 
    t.nextAll().removeClass('t1').addClass('t2'); 

檢查this jsFiddle。單擊任何圖像時，我想將以前的圖像添加到不同的課程，並將下一個圖像添加到不同的課程。

Answer 1

好，你可以使用.map

例如，要獲得逗號分隔的複選框ID列表：

var numbers = $(':checkbox').map(function() { 
     return this.id; 
}).get().join(); 

alert(numbers); 

該調用的結果是字符串「2,4,6,8」。

Answer 2

那些img元素沒有id屬性，假設他們將在不久的將來id屬性，你可以使用map方法：

var ids = t.prevAll().removeClass('t2').addClass('t1').map(function(){ 
     return this.id; 
}).get().join(); 

console.log(ids); 

圖像不會被添加到相應的課程。

然而，似乎要一類添加到點擊的元素太多，如果是這樣的情況下，使用addBack方法：

t.nextAll().addBack().removeClass('t1').addClass('t2'); 

http://jsfiddle.net/8an7J/