jquery - 向所有表头添加一个类

Question

我在我的网页中使用 jQuery 和 tablesorter 插件。我的目标是使用元数据内联插入功能将表排序器 header 禁用解析器添加到类为空的每个 header 。我概述了三个函数，第一个是将禁用解析器添加到带有空白类(“”)的每个 header 的类，第二个将对没有空白类开始的 header 执行类切换操作，第三个是一旦设置了所有标题，将调用实际的表排序器。

$(function(){
    //Code is supposed to add the disable parser to each header with a blank class
    $("th").each(function(){
        if ($(this).hasClass('')){$(this).addClass('{sorter: 'false'}');
    });
});


$(function() {
    //Code manipulates headers with non-blank classes
}); 

$(function() {
    //Call tablesorter on all tables once their headers are set.
    $("table").tablesorter({}); 
});

到目前为止，第二个和第三个函数按预期工作，尽管我最终计划在解决第一个函数的问题后进一步扩展第二个函数。这导致了我的问题，那就是添加解析器的第一个函数似乎根本没有添加类，而且，由于它无法正常工作，它似乎阻止了第二个和第三个函数的工作。如果我去掉第一个功能，这些功能就会起作用；我不确定我的语法是否错误，或者我是否可以以这种方式动态添加解析器。下面是 HTML 中的 header 示例:

<th class=""><a rel = "Header" href="#" title="Sort title in decending order" class="">Title</a></th>
<th class=""><a rel = "Header" href="#" title="Sort instructor in descending order" class="">Instructor</a></th>
<th class="{sorter: 'usLongDate'}"><a rel = "Header" href="#" title="Sort column in decending order" class="">Date</a></th>
<th class="">Start/End</th>
<th class=""><a rel = "Header" href="#" title="Sort column in decending order" class="">Seats Available</a></th>
<th class=""><a rel = "Header" href="#" title="Sort column in decending order" class="">Enrolled</a></th>
<th class=""><a rel = "Header" href="#" title="Sort column in decending order" class="">Pre-Requisites</a></th>
<th class="">Workshop Actions</th>

Answer 1

您的问题出在这一行:

if ($(this).hasClass('')){$(this).addClass('{sorter: 'false'}'); }

{sorter:'false'} 内的引号正在关闭外部引号。试试这个:

if ($(this).hasClass('')){$(this).addClass("{sorter: 'false'}"); }

除此之外，添加具有该值的类对我来说看起来很奇怪，但如果您确定这就是 tablesorter 知道不对列进行排序的方式，那么应该可以工作。您还可以 shorten the selector :

$("th[class='']").addClass("{sorter: 'false'}");