Question

我正在尝试将类分配给表头。我正在尝试读取td的类名并将其分配给相关的th头。任何帮助，将不胜感激。

<table >
  <tr>
    <th>hdrcol1</th>
    <th>hdrcol2</th>
    <th>hdrcol3</th>
 </tr>
 <tr>
    <td class="title">col1</td>
    <td class="desc">col2</td>
    <td class="addclr">col3</td>
 </tr>
 <tr>
    <td class="title">col11</td>
    <td class="desc">col22</td>
    <td class="addclr">co33</td>
 </tr>
</table>

$('table tbody tr td').each(function(index){

    if($('tr th').eq(index).attr('class') != ''){
        //put this class on the current td
        $(this).addClass($('thead tr th').eq(index).attr('class'));
    }
});

What I tried in fiddle id here

Answer 1

您的选择器中有thead，但表格中没有thead。你也有向后选择器。如上所述，您希望将tr类添加到th，反之亦然（尽管您的评论似乎与您上面所写的内容相矛盾）。

$('tr th').each(function(index){
    if($('tr td').eq(index).attr('class') != ''){
        // get the class of the td
        var tdClass = $('tr td').eq(index).attr('class');
        // add it to this th
        $(this).addClass(tdClass );
    }
});

Fiddle

Answer 2

$("tr th").each(function(i) {
    var tdClass = $("tr td").eq(i).attr("class");
    if (tdClass != "") $("tr th").eq(i).addClass(tdClass);
});

Jquery将类分配给表中的th

2 个答案: