JQuery найти кнопку в классе тд - PullRequest
Новая
       4

JQuery найти кнопку в классе тд

0 голосов
/ 30 января 2020

У меня есть следующий исходный код: 

<table class="xrounded_shadowed" id="cancel_leave">
<thead>
<tr>
<th class="column_c_leave_ref_no">LEAVE REF. NO</th>
<th class="column_EMPLOYEE">EMPLOYEE</th>
<th class="column_APPROVAL STATUS">APPROVAL STATUS</th>
<th class="row_action"></th></tr></thead>
<tbody>
<tr class="odd">
<td class="column_c_leave_ref_no" style="">00148</td>
<td class="column_EMPLOYEE" style="">Cat Grant (cat)</td>
<td class="column_APPROVAL STATUS" style="">Pending Approval</td>
<td class="row_action"> <a href="abc">Cancel</a>
</td>
</tr>
<tr class="even">
<td class="column_c_leave_ref_no" style="">00145</td>
<td class="column_EMPLOYEE" style="">Cat Grant (cat)</td>
***<td class="column_APPROVAL STATUS" style="">Approved</td>***
<td class="row_action"> ***<a href="abc">Cancel</a>***
</td>
</tr>
</tbody>
</table>

Как я могу использовать JQuery для выбора кнопки, когда "column_APPROVAL STATUS == Approved"? Потому что я хочу изменить href этой кнопки с abc на другую ссылку, например xyz

1 Ответ

0 голосов
/ 30 января 2020 

$('#cancel_leave tbody .column_APPROVAL.STATUS:contains("Approved")').next('.row_action').find('a').prop('href', 'xyz');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="xrounded_shadowed" id="cancel_leave">
  <thead>
    <tr>
      <th class="column_c_leave_ref_no">LEAVE REF. NO</th>
      <th class="column_EMPLOYEE">EMPLOYEE</th>
      <th class="column_APPROVAL STATUS">APPROVAL STATUS</th>
      <th class="row_action"></th>
    </tr>
  </thead>
  <tbody>
    <tr class="odd">
      <td class="column_c_leave_ref_no" style="">00148</td>
      <td class="column_EMPLOYEE" style="">Cat Grant (cat)</td>
      <td class="column_APPROVAL STATUS" style="">Pending Approval</td>
      <td class="row_action"> <a href="abc">Cancel</a>
      </td>
    </tr>
    <tr class="even">
      <td class="column_c_leave_ref_no" style="">00145</td>
      <td class="column_EMPLOYEE" style="">Cat Grant (cat)</td>
      <td class="column_APPROVAL STATUS" style="">Approved</td>
      <td class="row_action"> <a href="abc">Cancel</a> </td>
    </tr>
  </tbody>
</table>

Вы можете использовать селектор :contains на тд, содержащем текст Approved, затем использовать next(), чтобы получить тд после него, найти вложенные ссылки в этом тд, а затем изменить его HREF.

...