jQuery:如何将输入值与 jQuery 中的所有 元素相匹配？

Question

如何获取所有跨度文本并匹配 jQuery 上的文本输入？这是我的 HTML 代码。包含数据和范围的表格，其中包含文本 MEW、MEWL 和 MOWL:

我的 jQuery 代码尝试。它总是提醒 false:

$(function() {
  $('#btn').on('click', function() {
    if ($('#txt').val == $('.answer').text()) {
      alert("true");
    } else {
      alert("false");
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<table>
  <tr>
    <td><span class="answer">MEW</span></td>
    <td><span class="answer">MEWL</span></td>
    <td><span class="answer">MOWL</span></td>
  </tr>
</table>

<input type="text" id="txt" />
<input type="button" id="btn" value="Click" />

我想检查跨度的文本是否与输入值匹配，例如:我将输入 MEW，系统应发出 true 警报，因为跨度的文本中存在 MEW。

Answer 1

$(function(){
    $('#btn').on('click', function(){
        $('table').find('td').each(function(){
          var ans = $(this).find('span').text();
         
          if($('#txt').val() == ans){
            alert("true");
          }
          else{
            alert("false");
          }
        });        
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<table>
  <tr>
    <td><span class="answer">MEW</span></td>
    <td><span class="answer">MEWL</span></td>
    <td><span class="answer">MOWL</span></td>
  </tr>
</table>

<input type="text" id="txt" />
<input type="button" id="btn" value="Click" />