Javascript 如何使用jquery将类添加到元素的特定同级？

我想找出一个元素是否有class

lesson\u read

，然后将class

find

添加到它上面的

课程部分。但不要将类添加到它下面的
课程部分。这是html

<table class="table">               
    <tbody>
        <tr class="course_section "><!-- this should have class "found" -->
            <td colspan="4">Introduction to AEM</td>
        </tr>
        <tr class="course_lesson lesson_read">
            <td class="curriculum-icon"><i class="icon-play"></i></td>
            <td><a href="#">Introduction to AEM</a></td>
            <td> </td>
            <td><span class="time"><i class="fa fa-clock-o"></i> 00:00:00</span></td>
        </tr>
        <tr class="course_lesson lesson_read">
            <td class="curriculum-icon"><i class="icon-play"></i></td>
            <td><a href="#">Installing AEM</a></td>
            <td> </td>
            <td><span class="time"><i class="fa fa-clock-o"></i> 00:00:00</span></td>
        </tr>
        <tr class="course_lesson">
            <td class="curriculum-icon"><i class="icon-task"></i></td>
            <td>AEM Installation Quiz</td>
            <td> </td>
            <td><span class="time"><i class="fa fa-clock-o"></i> Unlimited</span></td>
        </tr>
        <tr class="course_section">
            <td colspan="4">AEM Environment</td>
        </tr>
        <tr class="course_lesson">
            <td class="curriculum-icon"><i class="icon-text-document"></i></td>
            <td>AEM Instances</td>
            <td> </td>
            <td><span class="time"><i class="fa fa-clock-o"></i> 00:00:00</span></td>
        </tr>
        <tr class="course_lesson">
            <td class="curriculum-icon"><i class="icon-play"></i></td>
            <td>Developer Tools</td>
            <td> </td>
            <td><span class="time"><i class="fa fa-clock-o"></i> 00:00:00</span></td>
        </tr>
    </tbody>
</table>

但是，这会将class
found
添加到每个课程部分。
您需要使用选择元素前面的同级元素

$(".lesson_read").prev(".course_section").addClass("found");


$（“.lesson\u read”）.prev（“.course\u section”）.addClass（“found”）
.found{color:red}

AEM简介
00:00:00
00:00:00
AEM安装测验
无限的
AEM环境
AEM实例
00:00:00
开发工具
00:00:00
您需要使用该选项来选择元素的前一个同级

$(".lesson_read").prev(".course_section").addClass("found");


$（“.lesson\u read”）.prev（“.course\u section”）.addClass（“found”）
.found{color:red}

AEM简介
00:00:00
00:00:00
AEM安装测验
无限的
AEM环境
AEM实例
00:00:00
开发工具
00:00:00
您必须使用来获取所有以前的同级同学，这些同级同学都有课程章节，然后必须使用来获取课程阅读课程的最后一个同级同学（课程章节）


$（'.lesson_read'）.prevAll（'.course_section'）.last（）.addClass（'found'）
找到
{
颜色：红色}

AEM简介
00:00:00
00:00:00
AEM安装测验
无限的
AEM环境
AEM实例
00:00:00
开发工具
00:00:00
您必须使用来获取所有以前的同级同学，这些同级同学都有课程章节，然后必须使用来获取课程阅读课程的最后一个同级同学（课程章节）


$（'.lesson_read'）.prevAll（'.course_section'）.last（）.addClass（'found'）
找到
{
颜色：红色}

AEM简介
00:00:00
00:00:00
AEM安装测验
无限的
AEM环境
AEM实例
00:00:00
开发工具
00:00:00
prev（）仅适用于选择前面的同级。这是因为第一个tr with course_section类的同级有lesson_read类。@MithuCN将一个类
添加到
中。它上面的course_section
请在从tr中删除第一个lesson_read类后重试代码。prev（）仅适用于选择前面的同级。这是因为第一个tr with course_section类的兄弟姐妹有lesson_read类。@MithuCN将一个类
添加到
中。正好在它上面的course_section
请在从tr中删除第一个lesson_read类后重试您的代码。