jquery - 在表中使用相同的类元素

Question

我想设置它们的类匹配的th宽度tbody td。我试过这个，但它似乎不起作用：

$("#table th").each(function(i){
    var ClassName = $(this).attr('class');
    $(this).width( $("#table tbody td" + ClassName).outerWidth(true));
});

Answer 1

这不是您生成类选择器的方式。这是：

$("#table th").each(function(i){
    var ClassName = $(this).attr('class');

    // replace spaces with '.'s
    var classSelector = '.' + ClassName.replace(' ', '.');
    $(this).width( $("#table tbody td" + classSelector).outerWidth(true));
});

Answer 2

将您的代码更改为：

$("#table th").each(function(i){
    var ClassName = $(this).attr('class');
    $(this).width( $("#table tbody td[class*=" + ClassName + "]").outerWidth(true));
});

你需要 '。' 用于类选择器。

另请注意，attr('class') 返回所有应用的类，可能不止一个，因此您需要在每个类前加上 '.'