主页 / 问题 / 729827
Accepted
humster_spb
Asked:2020-10-12 18:28:16 +0000 UTC2020-10-12 18:28:16 +0000 UTC

jquery：为什么 indexOf 不能在数组上工作？

  • 772

有一个用表格单元格填充的数组。我希望当我单击特定单元格时，它在数组中的索引返回给我。但由于某种原因，它总是返回-1。这里有什么问题？

var arr = [];

$('td').each(function(){
   arr.push($(this));
});

$('td').click(function(){
   console.log(arr.indexOf($(this)));
});
table {
  border-collapse: collapse;
}

table td {
  padding: 20px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid black;
}
<table>
  <tr>
    <td></td><td></td><td></td>
  </tr>
  <tr>
    <td></td><td></td><td></td>
  </tr>
  <tr>
    <td></td><td></td><td></td>
  </tr>
</table>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>

javascript

2 个回答

  1. Best Answer

    在您的情况下，这是td元素。用这个替换$(this)

    var arr = [];

$('td').each(function(){
   arr.push(this);
});

$('td').click(function(){
   console.log(arr.indexOf(this));
});
    table {
  border-collapse: collapse;
}

table td {
  padding: 20px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid black;
}
    <table>
  <tr>
    <td></td><td></td><td></td>
  </tr>
  <tr>
    <td></td><td></td><td></td>
  </tr>
  <tr>
    <td></td><td></td><td></td>
  </tr>
</table>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>

    • 3

  2. 问题是选择图书馆。

    var arr = [...document.getElementsByTagName('td')];

$('td').click(e => {
   console.log(arr.indexOf(e.target));
});
    table {
  border-collapse: collapse;
}

table td {
  padding: 20px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid black;
}
    <table>
  <tr>
    <td></td><td></td><td></td>
  </tr>
  <tr>
    <td></td><td></td><td></td>
  </tr>
  <tr>
    <td></td><td></td><td></td>
  </tr>
</table>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>

    • 0

相关问题