Вытягивание строк из одной таблицы на основе класса и предоставление только нескольких строк другой таблице - JQUERY / ANGULARJS - PullRequest
Новая
       7

Вытягивание строк из одной таблицы на основе класса и предоставление только нескольких строк другой таблице - JQUERY / ANGULARJS

0 голосов
/ 13 ноября 2018

У меня есть таблица со строками таблицы, заполненными angularjs. 

<table id="botRecordTable" st-table="display_bot_records" st-safe-src="botData" ng-show="botData" class="table table-bordered table-striped shadow p-3 mb-5 bg-white rounded" ng-controller="mdmBotRulesController">
   <thead class="thead-dark">
      <tr style="color: #fff; background-color: #212529; border-color: #32383e;">
         <th>CASE NO</th>
         <th>MATCH CODE</th>
         <th>RULE</th>
         <th>EMAIL</th>
         <th>DOB</th>
         <th>GENDER</th>
      </tr>
   </thead>
   <tbody>
      <tr valign="middle" st-select-row="row" st-select-mode="multiple" ng-repeat="row in display_bot_records">
         <td>{{$index + 1}}</td>
         <td align="left" ng-bind="row.matchcode"></td>
         <td>
            <select id="ruleChangeSelect" ng-change="botRuleChanged(botDecision)" class="custom-select" style="margin-left:0px; width:auto" ng-model="botDecision" ng-options="choice.name for choice in botDecisions">
            </select>
         </td>
         <td ng-bind="row.email"></td>
         <td ng-bind="row.dob"></td>
         <td ng-bind="row.gender"></td>
      </tr>
   </tbody>
</table>

При изменении раскрывающегося списка я сделал добавление класса highlightSelect в раскрывающийся список выбора, который работаетсовершенно нормально.

Теперь у меня есть другая таблица в моем модале: 

<table id="botRuleModalTable" ng-controller="botRulesController">
   <thead>
      <tr style="font-size:0.8rem !important">
         <th>CASE NO</th>
         <th>MATCH CODE</th>
         <th>FROM RULE</th>
         <th>TO RULE</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
      </tr>
   </tbody>
</table>

Мне нужны строки botRecordTable, которые имеют класс highlightSelect, для выборки, и дают только несколько из этих строк(CASE NO & MATCH CHODE) строк в botRuleModalTable.

Что я пробовал до сих пор : 

if($("botRecordTable").hasClass("highlightSelect")) (function() { 
    var html = $(this).closest("tr").clone().find('td:last').remove().end().prop('outerHTML');
    $("#botRuleModalTable").append(html);
});

Приведенный выше код не применяет строки кновый стол.

Может кто-нибудь помочь?

...