Я пытаюсь сделать jQuery удаление на основе условия

Question

Итак, я хочу удалить весь div и его содержимое, используя jquery

. Значение региона будет введено в jquery после запуска функции javascript, чтобы найти IP-адрес здесь. javascript найти регион с IP-адреса

$(document).ready(function() { $.get("https://geo.ipify.org/api/v1?apiKey=", function(data) {<br> $("body").append("<pre>" + JSON.stringify(data.location.region, "", 2) + "</pre>");

Так что если data.location.region это Техас, то я хочу, чтобы все div class = msa со значениями региона, не равными Техасу исчезают.

Итак, мне нужна функция jquery, которая, по-моему, берет область и выполняет removeClass.

Вот пример тела `

<div class="row m-s-a _hidden">
    <table>
        <tr>
            <td class="for-sale-heading">
                <h4>Auction:&nbsp;</h4>
            </td>
            <td class="for-sale-heading">
                <h4>Hard rock Cafe</h4>
            </td>
        </tr>
        <tr>
            <td class="for-sale-heading">
                <h4>Location:&nbsp;</h4>
            </td>
            <td class="for-sale-heading">
                <h4>4641 Production unit 42 Mt. Clemens, <span `enter code here`class="region">Michigan</span> 48043</h4>
            </td>
        </tr>
    </table>
</div>
<div class="row m-s-a _hidden">`enter code here`
    <table>
        <tr>
            <td class="for-sale-heading">
                <h4>Auction:&nbsp;</h4>
            </td>
            <td class="for-sale-heading">
                <h4>Hard rock Cafe</h4>
            </td>
        </tr>
        <tr>
            <td class="for-sale-heading">
                <h4>Location:&nbsp;</h4>
            </td>
            <td class="for-sale-heading">
                <h4>4641 Production unit 42 Mt. Clemens, <span class="region">Utah</span> 48043</h4>
            </td>
        </tr>
    </table>
</div>
<div class="row m-s-a _hidden">
    <table>
        <tr>
            <td class="for-sale-heading">
                <h4>Auction:&nbsp;</h4>
            </td>
            <td class="for-sale-heading">
                <h4>Hard rock Cafe</h4>
            </td>
        </tr>
        <tr>
            <td class="for-sale-heading">
                <h4>Location:&nbsp;</h4>
            </td>
            <td class="for-sale-heading">
                <h4>4641 Production unit 42 Mt. Clemens, <span class="region">Texas</span> 48043</h4>
            </td>
        </tr>
    </table>
</div>

Answer 1

Вы можете сделать это так:

$(document).ready(function() {
  $(".region").each(function() {
    if ($(this).text() != "Texas") {
      $(this).closest(".m-s-a").remove();
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row m-s-a _hidden">
  <table>
    <tr>
      <td class="for-sale-heading">
        <h4>Auction:&nbsp;</h4>
      </td>
      <td class="for-sale-heading">
        <h4>Hard rock Cafe</h4>
      </td>
    </tr>
    <tr>
      <td class="for-sale-heading">
        <h4>Location:&nbsp;</h4>
      </td>
      <td class="for-sale-heading">
        <h4>4641 Production unit 42 Mt. Clemens, <span class="region">Michigan</span> 48043</h4>
      </td>
    </tr>
  </table>
</div>
<div class="row m-s-a _hidden">
  <table>
    <tr>
      <td class="for-sale-heading">
        <h4>Auction:&nbsp;</h4>
      </td>
      <td class="for-sale-heading">
        <h4>Hard rock Cafe</h4>
      </td>
    </tr>
    <tr>
      <td class="for-sale-heading">
        <h4>Location:&nbsp;</h4>
      </td>
      <td class="for-sale-heading">
        <h4>4641 Production unit 42 Mt. Clemens, <span class="region">Utah</span> 48043</h4>
      </td>
    </tr>
  </table>
</div>
<div class="row m-s-a _hidden">
  <table>
    <tr>
      <td class="for-sale-heading">
        <h4>Auction:&nbsp;</h4>
      </td>
      <td class="for-sale-heading">
        <h4>Hard rock Cafe</h4>
      </td>
    </tr>
    <tr>
      <td class="for-sale-heading">
        <h4>Location:&nbsp;</h4>
      </td>
      <td class="for-sale-heading">
        <h4>4641 Production unit 42 Mt. Clemens, <span class="region">Texas</span> 48043</h4>
      </td>
    </tr>
  </table>
</div>

Это должно быть скорректировано в соответствии с вашими потребностями, например, вместо сравнения текста <span class="region"> с "Техасом" вы бы сравнили его с data.location.region или <pre>, в который вы добавили этот регион в своем примере - $("pre").text(), если это единственный <pre> на вашей странице.