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'）は、適用されたすべてのクラスを返すことに注意してください。これは複数の場合があるため、それぞれに'。'というプレフィックスを付ける必要があります。