Выполните итерацию по HTML div и извлеките значение из дочернего диапазона, используя JavaScript или jQuery

Question

Как мне найти значение во вложенном div в JavaScript и скрыть div

в качестве примера, если мой ввод для функции JavaScript - Флорида.

I хотел бы l oop через div (имя класса = имя-состояния), получить значение внутреннего диапазона (класс = "состояние"). Если значение соответствует моему входному значению (Флорида), то скрыть этот родительский div (имена состояний).

<div class="state-names panel panel-default" ">
    <div class="panel-heading">
        <h3 class="panel-title">
               <a> <span class ="state">Alabama (6)</span></a>
        </h3>
    </div>
</div>
<div class=" state-name panel panel-default" ">
    <div class="panel-heading">
        <h3 class="panel-title">
               <a> <span class ="state">Florida (2)</span></a>
        </h3>
    </div>
</div>
<div class=" state-name panel panel-default" ">
    <div class="panel-heading">
        <h3 class="panel-title">
               <a> <span class ="state">Texas (16)</span></a>
        </h3>
    </div>
</div>

Как можно перебирать теги html и получать значение диапазона в JS или Jquery

Спасибо

Answer 1

Вы можете сделать это, используя jQuery, как показано ниже:

$('.state-names').each(function(i, obj) {
    if($(this).text().includes("Florida")){
      console.log("Found Florida")  
      $(this).hide()
    }
});