jQuery выбрать несколько столбцов таблицы по индексу

Question

Я видел определенные вопросы, которые сбивают вокруг, похожие, но не совсем то же самое, и я в тупике с этим.

То, что я пытаюсь сделать, это создать виджет, который принимает таблицу, затем проходит через элементы td таблицы и устанавливает для них курсор: указатель (на данный момент), но только те, которые я разрешаю.

Это как мой код выглядит:

selectableGrid: function (options) { 
      var indexes = options.columns // this is [1,2]; 

      return this.each(function() { 
       // Make the td's in the grid selectable 
       $(this).find("tbody td").attr("style", "cursor:pointer"); 
      }); 
     } 

В конечном итоге я хотел достичь?

<tbody> 
    <td>hello</td> // index 0 
    <td style="cursor:pointer">hello</td> //index 1 
    <td style="cursor:pointer">hello</td> // index 2 
</tbody> 

Имейте в виду, что я мог бы посылать через 1,3 в моем списке массива столбцов, так и л GT не работает для моего сценария (насколько я пытался так или иначе).

EDIT: Для того, чтобы достичь этого я пошел на следующий код:

$(this).find("tr").each(function() { 
     $(this).find("td").each(function (i, el) { 
       if (indexes.indexOf(i) > -1) { 
        $(this).css("cursor", "pointer"); 
       }; 
     }); 
}); 

По какой-то причине «TBODY тд» не будет работать для сингулярного цикла, как это только ссылка на первой итерации тег.

Еще раз повторите попытку переполнения стека.

Answer 1

.each принимает index параметр можно ссылаться в коде .....:

var indexes = options.columns; 
this.find("tbody td").each(function(i, el) { 
    if ($.inArray(i,indexes)>-1) { // good idea, ggreiner 
     $(this).css("cursor","pointer"); 
    }; 
}); 

Answer 2

проведите через свои индексы и используйте http://api.jquery.com/eq/, чтобы найти конкретную модель.

Answer 3

Пройдите через элементы td и проверьте, что их индекс относительно их братьев и сестер является индексом, содержащимся в массиве options.columns.

selectableGrid: function (options) { 
    var indexes = options.columns // this is [1,2]; 
    return this.each(function() { 
     $(this).find("tbody td").each(function(){ 
      var columnIndex = $(this).index(); 
      if($.inArray(columnIndex, options.columns) != -1){ 
       $(this).css("cursor", "pointer"); 
      } 
     }); 
    }); 
}