Javascript 如何从给定两个类之间的表中获取所有tr和td？_Javascript_Jquery_Html Table

Javascript 如何从给定两个类之间的表中获取所有tr和td？

javascript jquery

Javascript 如何从给定两个类之间的表中获取所有tr和td？,javascript,jquery,html-table,Javascript,Jquery,Html Table,我的表格采用以下格式： <table id="permissions" class="sticky-enabled tableheader-processed sticky-table permissions-processed"> <thead> <tr> <th>Permission</th> <th class="checkbox">Staff&l

我的

表格

采用以下格式：

<table id="permissions" class="sticky-enabled tableheader-processed sticky-table permissions-processed">
    <thead>
        <tr>
            <th>Permission</th>
            <th class="checkbox">Staff</th>
        </tr>
    </thead>
    <tbody>
        <tr class="even">
            <td class="module" id="module-heartbeat_ui" colspan="2">Heartbeat UI</td>
        </tr>
        <tr class="odd">
            <td class="permission">
                <div id="edit-admin-heartbeat-configure" class="form-item form-type-item">
                    Configure heartbeat
                    <div class="description">Manage the heartbeat streams and configuration settings.</div>
                </div>
            </td>
            <td class="checkbox">
                <div class="form-item form-type-checkbox form-item-4-admin-heartbeat-configure">
                    <label class="element-invisible" for="edit-4-admin-heartbeat-configure">Staff: Configure heartbeat </label>
                    <input class="rid-4 form-checkbox real-checkbox" type="checkbox" id="edit-4-admin-heartbeat-configure" name="4[admin heartbeat configure]" value="admin heartbeat configure"><input type="checkbox" class="dummy-checkbox" disabled="disabled"
                        checked="checked" title="This permission is inherited from the authenticated user role." style="display: none;">
                </div>
            </td>
        </tr>

        <tr class="odd">
            <td class="module" id="module-heartbeat" colspan="2">Heartbeat activity</td>
        </tr>
        <tr class="even">
            <td class="permission">
                <div id="edit-admin-heartbeat-templates" class="form-item form-type-item">
                    Administer heartbeat templates
                    <div class="description">Manage the heartbeat templates.</div>
                </div>
            </td>
            <td class="checkbox">
                <div class="form-item form-type-checkbox form-item-4-admin-heartbeat-templates">
                    <label class="element-invisible" for="edit-4-admin-heartbeat-templates">Staff: Administer heartbeat templates </label>
                    <input class="rid-4 form-checkbox real-checkbox" type="checkbox" id="edit-4-admin-heartbeat-templates" name="4[admin heartbeat templates]" value="admin heartbeat templates"><input type="checkbox" class="dummy-checkbox" disabled="disabled"
                        checked="checked" title="This permission is inherited from the authenticated user role." style="display: none;">
                </div>
            </td>
        </tr>
        <tr class="odd">
            <td class="permission">
                <div id="edit-admin-heartbeat-delete-all" class="form-item form-type-item">
                    Delete all activity
                    <div class="description">Master permission to delete all activity.</div>
                </div>
            </td>
            <td class="checkbox">
                <div class="form-item form-type-checkbox form-item-4-admin-heartbeat-delete-all">
                    <label class="element-invisible" for="edit-4-admin-heartbeat-delete-all">Staff: Delete all activity </label>
                    <input class="rid-4 form-checkbox real-checkbox" type="checkbox" id="edit-4-admin-heartbeat-delete-all" name="4[admin heartbeat delete all]" value="admin heartbeat delete all"><input type="checkbox" class="dummy-checkbox" disabled="disabled"
                        checked="checked" title="This permission is inherited from the authenticated user role." style="display: none;">
                </div>
            </td>
        </tr>
        <tr class="even">
            <td class="permission">
                <div id="edit-admin-heartbeat-delete-own" class="form-item form-type-item">
                    Delete own activity
                    <div class="description">Permission for the actor to delete own activity.</div>
                </div>
            </td>
            <td class="checkbox">
                <div class="form-item form-type-checkbox form-item-4-admin-heartbeat-delete-own">
                    <label class="element-invisible" for="edit-4-admin-heartbeat-delete-own">Staff: Delete own activity </label>
                    <input class="rid-4 form-checkbox real-checkbox" type="checkbox" id="edit-4-admin-heartbeat-delete-own" name="4[admin heartbeat delete own]" value="admin heartbeat delete own"><input type="checkbox" class="dummy-checkbox" disabled="disabled"
                        checked="checked" title="This permission is inherited from the authenticated user role." style="display: none;">
                </div>
            </td>
        </tr>
        <tr class="odd">
            <td class="permission">
                <div id="edit-view-heartbeat-messages" class="form-item form-type-item">
                    View activity
                    <div class="description">Global permission to view heartbeat activity.</div>
                </div>
            </td>
            <td class="checkbox">
                <div class="form-item form-type-checkbox form-item-4-view-heartbeat-messages">
                    <label class="element-invisible" for="edit-4-view-heartbeat-messages">Staff: View activity </label>
                    <input class="rid-4 form-checkbox real-checkbox" type="checkbox" id="edit-4-view-heartbeat-messages" name="4[view heartbeat messages]" value="view heartbeat messages"><input type="checkbox" class="dummy-checkbox" disabled="disabled"
                        checked="checked" title="This permission is inherited from the authenticated user role." style="display: none;">
                </div>
            </td>
        </tr>
        <tr class="even">
            <td class="permission">
                <div id="edit-access-heartbeat-activity-profiles" class="form-item form-type-item">
                    Access heartbeat activity profiles
                    <div class="description">Permission to see user profiles or links to the user profile.</div>
                </div>
            </td>
            <td class="checkbox">
                <div class="form-item form-type-checkbox form-item-4-access-heartbeat-activity-profiles">
                    <label class="element-invisible" for="edit-4-access-heartbeat-activity-profiles">Staff: Access heartbeat activity profiles </label>
                    <input class="rid-4 form-checkbox real-checkbox" type="checkbox" id="edit-4-access-heartbeat-activity-profiles" name="4[access heartbeat activity profiles]" value="access heartbeat activity profiles"><input type="checkbox" class="dummy-checkbox"
                        disabled="disabled" checked="checked" title="This permission is inherited from the authenticated user role." style="display: none;">
                </div>
            </td>
        </tr>
        <tr class="odd">
            <td class="permission">
                <div id="edit-view-single-activity-stream" class="form-item form-type-item">
                    View activity in Single activity
                    <div class="description">Stream access: Single activity.</div>
                </div>
            </td>
            <td class="checkbox">
                <div class="form-item form-type-checkbox form-item-4-view-Single-activity-stream">
                    <label class="element-invisible" for="edit-4-view-single-activity-stream">Staff: View activity in Single activity </label>
                    <input class="rid-4 form-checkbox real-checkbox" type="checkbox" id="edit-4-view-single-activity-stream" name="4[view Single activity stream]" value="view Single activity stream"><input type="checkbox" class="dummy-checkbox" disabled="disabled"
                        checked="checked" title="This permission is inherited from the authenticated user role." style="display: none;">
                </div>
            </td>
        </tr>
        <tr class="even">
            <td class="permission">
                <div id="edit-view-views-activity-stream" class="form-item form-type-item">
                    View activity in Views activity
                    <div class="description">Stream access: Views activity.</div>
                </div>
            </td>
            <td class="checkbox">
                <div class="form-item form-type-checkbox form-item-4-view-Views-activity-stream">
                    <label class="element-invisible" for="edit-4-view-views-activity-stream">Staff: View activity in Views activity </label>
                    <input class="rid-4 form-checkbox real-checkbox" type="checkbox" id="edit-4-view-views-activity-stream" name="4[view Views activity stream]" value="view Views activity stream"><input type="checkbox" class="dummy-checkbox" disabled="disabled"
                        checked="checked" title="This permission is inherited from the authenticated user role." style="display: none;">
                </div>
            </td>
        </tr>

        <tr class="odd">
            <td class="module" id="module-hide_modules" colspan="2">Hide Modules</td>
        </tr>
        <tr class="odd">
            <td class="permission">
                <div id="edit-edit-webform-components" class="form-item form-type-item">
                    Content authors: access and edit webform components and settings
                    <div class="description">Grants additional access to the webform components and settings to users who can edit the content. Generally an authenticated user permission.</div>
                </div>
            </td>
            <td class="checkbox">
                <div class="form-item form-type-checkbox form-item-4-edit-webform-components">
                    <label class="element-invisible" for="edit-4-edit-webform-components">Staff: Content authors: access and edit webform components and settings </label>
                    <input class="rid-4 form-checkbox real-checkbox" type="checkbox" id="edit-4-edit-webform-components" name="4[edit webform components]" value="edit webform components" checked="checked"><input type="checkbox" class="dummy-checkbox"
                        disabled="disabled" checked="checked" title="This permission is inherited from the authenticated user role." style="display: none;">
                </div>
            </td>
        </tr>
    </tbody>
</table>


准许
工作人员
心跳用户界面
配置心跳
管理心跳流和配置设置。
工作人员：配置心跳
心跳活动
管理心跳模板
管理心跳模板。
工作人员：管理心跳模板
删除所有活动
删除所有活动的主权限。
工作人员：删除所有活动
删除自己的活动
参与者删除自己活动的权限。
工作人员：删除自己的活动
查看活动
查看心跳活动的全局权限。
工作人员：查看活动
访问心跳活动配置文件
查看用户配置文件或用户配置文件链接的权限。
工作人员：访问心跳活动配置文件
查看单个活动中的活动
流访问：单个活动。
职员：查看单个活动中的活动
视图活动中的视图活动
流访问：视图活动。
工作人员：在“视图”活动中查看活动
隐藏模块
内容作者：访问和编辑Web表单组件和设置
向可以编辑内容的用户授予对Web表单组件和设置的附加访问权限。通常是经过身份验证的用户权限。
工作人员：内容作者：访问和编辑Web表单组件和设置

我需要使用jQuery查找

td

的

class=“module”id=“module-heartbeat\u ui”

和

class=“module”id=“module-heartbeat”

之间的表的所有

tr

。是否有任何速记jQuery代码来获取

tr

和

td

之间的片段。

在JavaScript中，您可以获得表元素HTML代码并按

然后循环每个tr以获得td的

听起来像是要使用nextUtil

$（'tr:has（“td#module-heartbeat\u ui”））.nextUntil（'tr:has（“td#module-heartbeat”））.addBack（）.find（“td”）.css（“背景色”、“黄色”）


准许
工作人员
心跳用户界面
配置心跳
管理心跳流和配置设置。
工作人员：配置心跳
心跳活动
管理心跳模板
管理心跳模板。
工作人员：管理心跳模板
删除所有活动
删除所有活动的主权限。
工作人员：删除所有活动
删除自己的活动
参与者删除自己活动的权限。
工作人员：删除自己的活动
查看活动
查看心跳活动的全局权限。
工作人员：查看活动
访问心跳活动配置文件
查看用户配置文件或用户配置文件链接的权限。