Question

我认为这很简单

＆＃13;

$("#info-table tbody tr").each(function(){
  $(this).find(".label").addClass("black");
});

＆＃13;

.black{
    font-weight:bold;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="info-table">
    <tbody>
        <tr>
            <td>THIS ONE</td>
            <td><span class='label'> hello label</span></td>
            <td>else</td>
            <td>here</td>
        </tr>
        <tr>
            <td>THIS ONE</td>
            <td><span class='label'> hello label</span></td>
            <td>else</td>
            <td>here</td>
        </tr>
    </tbody>
</table>

＆＃13;

我在这里做错了什么？

Answer 1

您需要将#info-table选择器更改为.info-table。因为info-table是一个不是id的类。见下面的代码。

＆＃13;

$(".info-table tbody tr").each(function(){
    $(this).find(".label").addClass("black");
});

＆＃13;

.black{
    font-weight:bold;
}

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<table class="info-table">
        <tbody>
            <tr>
                <td>THIS ONE</td>
                <td><span class='label'> hello label</span></td>
                <td>else</td>
                <td>here</td>
            </tr>
            <tr>
                <td>THIS ONE</td>
                <td><span class='label'> hello label</span></td>
                <td>else</td>
                <td>here</td>
            </tr>
        </tbody>
    </table>

＆＃13;

选择表格单元格内的跨度

1 个答案: