Проблемы со сравнением строк в jQuery

Question

У меня есть скрипка, идущая здесь , чтобы показать, что я пытаюсь сделать.

У меня есть таблица, которая генерируется динамически, поэтому столбцы могут отображаться в любом порядке, который выберет пользователь. Итак, я пытаюсь получить индекс двух конкретных заголовков, чтобы я мог добавить класс CSS к этим двум столбцам для использования позже.

Answer 1

Вы должны использовать .filter() здесь вместо этого (и всякий раз, когда вам нужно ограничить набор элементов), так как ваш .each() return выбрасывается, как это:

//Loop thru the headers and get the Supp elem
var suppCol = $("#my_table th").filter(function() {
    return $(this).html() == "Supp";
});
//Loop thru the headers and get the Report elem
var reportCol = $("#my_table th").filter(function() {
    return $(this).html() == "Report";
});

Вы можете проверить обновленную / работающую скрипку здесь .Альтернатива с использованием .each() будет выглядеть следующим образом:

var suppCol, reportCol;
$("#my_table th").each(function() {
    var $this = $(this), html = $this.html();
    if(html == "Supp") suppCol = $this;
    if(html == "Report") reportCol= $this;
});

Вы можете проверить эту версию здесь .