javascript - 如何查找具有起始值的输入字段

Question

我有一些嵌套的 input 元素，并且希望仅显示具有由查询字符串传递的特定值的元素。

整个查询字符串部分正在工作，我将其存储在一个值中，但我的用于检测包含正确的input字段的.main包装器的代码似乎已损坏.

HTML

// multiple times the same row with different input values
<div class="main">
  <div>
    <div>
      <input type="text" class="hidden" value="4">
      <input type="text" class="hidden" value="4">
    </div>
  </div>
 </div>

jQuery

// value passed by string, for example 2:
var queryStringVal = 2;

$('.main').each(function() {
  var inputFields = $(this).find('input');

  inputFields.each(function() {
    var inputFieldVal = $(this).getAttribute('value');

    if (inputFieldVal == queryStringVal) {
      console.log("Found input field with value " + queryStringVal);
      $(this).closest('.main').show();
    }

  });
});

我创建了这个 JS FIDDLE DEMO 来演示问题。如何解决此问题并仅显示包含具有正确值的输入的 .main 包装器？

Answer 1

使用

 $(this).val()

而不是

$(this).getAttribute('value');

https://jsfiddle.net/fLf6y03o/4/