javascript - 如何使用 jQuery 将文本与数组匹配？

Question

我试图将文本与数组匹配，并在每次迭代之间暂停。我的 if 语句和数组匹配不正确吗？

var animals = ["turtle", "dolfin"];

setTimeout(function() {

  $("tr").each(function(){
    if($(this).$("td:eq(0)").text().inArray(animals)){
      $(this).$("button").hide();
    }
    else{
    }
  });

}, 5000);

<tr>
  <td>turtle></td>
  <td>lion</td>
  <td><button>correct</button></td>
</tr>

<tr>
  <td>cat></td>
  <td>dog</td>
  <td><button>correct</button></td>
</tr>

Answer 1

您的代码存在一些问题:

您的 tr 不在 table 标记内。

<tr>
^

您在错误的地方使用了 jQuery 符号

if($(this).$("td:eq(0)").text().inArray(animals)){
           ^

$(this).$("button").hide();
        ^

您需要比较 $.inArray() 的返回值，如下所示:

$.inArray() > -1

你有一个空的else

 else{
 }
 ^

查看包含这些修复的代码片段:

var animals = ["turtle", "dolfin"];

setTimeout(function() {
  $("tr").each(function() {
    var text = $(this).children("td:eq(0)").text();
    if ($.inArray(text, animals) > -1) {
      $("#" + text).hide();
    }
  });
}, 1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>turtle</td>
    <td>lion</td>
    <td><button id='turtle'>correct</button></td>
  </tr>

  <tr>
    <td>cat</td>
    <td>dog</td>
    <td><button id='cat'>correct</button></td>
  </tr>
</table>

看到了吗？现在代码可以很好地符合您的逻辑。