Отключить элемент на основе текста, существующего в несвязанном элементе на странице, используя JQuery

Question

Мне нужно отключить определенный DIV на странице на основе появления какого-то определенного текста, который будет (или не будет) находиться внутри тега в другом месте на странице ...

В упрощенномВ приведенном ниже примере, если в элементе найден текст «Specific-Text», я хочу отключить div с помощью класса «dependency»

<div>
  <table class="mytable">
    <tr>
      <td>
        <ul>Specific-Text To Test For</ul>
      </td>
    <tr>
  </table>
</div>
... Lots of other stuff going on ...
<div class="dependent">
  Here's the DIV I want to show or not show based on appearance of the text 'Specific-Text'
</div>

Answer 1

var specificText = "";
if ($('table.mytable *:contains("' + specificText + '")').length > 0)
   $('div.dependent').show();

Answer 2

просто возьмите текст элемента, который вы ищете, и установите .style.display на зависимый div:

document.getElementById('dependent').style.display = document.getElementById('myTable').innerText.indexOf('Specific-Text') >= 0 ? 'none' : 'block';