javascript - jquery隐藏最近的按钮

Question

我正在学习 jQuery，但我陷入了困境。

我试图在输入值为 200 时隐藏按钮，但还有其他输入。这个问题已经被问过，但我在我的案例中无法弄清楚。

$("document").ready(function() {
  setTimeout(function() {
    var test = $('.input-text').val();
    if (test = 200) {
      $('button').hide();
    }
  }, 10);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="first">
  <input class="input-text qty text" type="number" readonly="" value="200">
  <button>
    Hide me
  </button>
</div>

<div class="second">
  <input class="input-text qty text" type="number" readonly="" value="300">
  <button>
    Hide me
  </button>
</div>

<div class="third">
  <input class="input-text qty text" type="number" readonly="" value="400">
  <button>
    Hide me
  </button>
</div>

Answer 1

尝试如下。

$("document").ready(function() {
    setTimeout(function() {
        $('.input-text').each(function() {
            if (this.value == 200) {
                $(this).next('button').hide();
            }
        });
    }, 10);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="first">
    <input class="input-text qty text" type="number" readonly="" value="200">
    <button>
        Hide me
    </button>
</div>

<div class="second">
    <input class="input-text qty text" type="number" readonly="" value="300">
    <button>
        Hide me
    </button>
</div>

<div class="third">
    <input class="input-text qty text" type="number" readonly="" value="400">
    <button>
        Hide me
    </button>
</div>