Comment obtenir tous les tr et td d'une table entre deux classes?

Mon table est de ce format:Comment obtenir tous les tr et td d'une table entre deux classes?

<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>

Je dois trouver toutes les tr de la table entre td « s class="module" id="module-heartbeat_ui" et class="module" id="module-heartbeat" en utilisant jQuery. Existe-t-il un code jQuery sténographique pour saisir ces occurrences entre tr et td entre.

Source

2017-10-05 Milson

Alors , vous voulez utiliser les feuilles d'un arbre pour déterminer une gamme pour les parents? – Fallenreaper

il semble plus comme si vous essayez juste d'obtenir la valeur de l'interface utilisateur, situé dans le TR: – Fallenreaper

impair Cherchez-vous du code pour travailler pour cette instance ou va-t-il s'appliquer à des tables différentes? Si vous avez seulement besoin de cette table alors vous pourriez aussi simplement obtenir la première instance de '' – Huangism

On dirait que vous voulez utiliser nextUtil

$('tr:has("td#module-heartbeat_ui")').nextUntil('tr:has("td#module-heartbeat")').addBack().find("td").css("background-color","yellow")

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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>

Source

2017-10-05 17:58:37 epascarello

addBack() cette fonction est-elle disponible sur les anciennes versions jQuery? à partir de quelle version ils le déploient? – Milson

Droit dans la documentation http://api.jquery.com/addback/ il vous indique quelle version. – epascarello

Si vous utilisez 1.7 qui est comme 6 ans, il a andSelf – epascarello

-2

En JavaScript, vous pouvez obtenir élément table code HTML et divisé par <tr> Puis boucle chaque B pour obtenir td de

Source

2017-10-05 17:37:03

Comment obtenir tous les tr et td d'une table entre deux classes?

Répondre

Questions connexes