使用jquery过滤嵌套的HTML表

时间:2015-07-13 19:01:15

标签: jquery jquery-selectors

我正在尝试使用jquery过滤以下HTML表。

jsfiddle

表是一个嵌套的html表,我想根据关键字过滤列。 假设第3列的关键字是“Paper”,第5列是“80”。因此,只显示记录纸和80的行。

<div id="divQualCodeFuncPMType">
   <table class="SetDWPParameterTabStyle">
   <tbody>
      <tr class="GridHeaderSystemParamter">
         <td>Map Id</td>
         <td>Type Id</td>
         <td>Material Type</td>
         <td></td>
         <td><span id="Label1">Attributes</span></td>
      </tr>
      <tr>
         <td><span id="lblMapId">10</span></td>
         <td><span id="Label3">60</span></td>
         <td><span id="Label1">Paper</span></td>
         <td></td>
         <td>
            <table>
               <tbody>
                  <tr>
                     <td>
                        <span id="Label1">80% cotton</span>
                     </td>
                  </tr>
                  <tr>
                     <td>
                        <span id="Label1">20% cotton</span>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td><span id="lblMapId">20</span></td>
         <td><span id="Label3">70</span></td>
         <td> <span id="Label1">Box</span></td>
         <td></td>
         <td>
            <table>
               <tbody>
                  <tr>
                     <td>
                        <span id="Label1">60% cotton</span>
                     </td>
                  </tr>
                  <tr>
                     <td>
                        <span id="Label1">40% cotton</span>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td><span id="lblMapId">20</span></td>
         <td><span id="Label3">70</span></td>
         <td> <span id="Label1">Wood</span></td>
         <td></td>
         <td>
            <table>
               <tbody>
                  <tr>
                     <td>
                        <span id="Label1">80% cotton</span>
                     </td>
                  </tr>
                  <tr>
                     <td>
                        <span id="Label1">20% cotton</span>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
   </tbody>
   <table>
</div>

0 个答案:

没有答案