jquery - 如何获取小于数字的tr id

Question

我有以下 html 表格布局:

<table border="1" id="staff">
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr id="1">
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr id="2">
    <td>Berglunds snabbköp</td>
    <td>Christina Berglund</td>
    <td>Sweden</td>
  </tr>
  <tr id="5">
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr id="8">
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Austria</td>
  </tr>
  <tr id="9">
    <td>Island Trading</td>
    <td>Helen Bennett</td>
    <td>UK</td>
  </tr>
  <tr id="12">
    <td>Königlich Essen</td>
    <td>Philip Cramer</td>
    <td>Germany</td>
  </tr>
  <tr id="13">
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Canada</td>
  </tr>
 <tr id="15">
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>
  </tr>
  <tr id="16">
    <td>North/South</td>
    <td>Simon Crowther</td>
    <td>UK</td>
  </tr>
</table>

出于某种原因，我想找到低于jquery数字的tr id。假设，数字是11，那么小于11的id是9，同样，如果数字是7，那么id是5。我尝试如下:

var rank = 5;
var target_id = $('#staff tr').filter(function() {
    return this.id < rank;
}).last();

alert(target_id);

但它不起作用。它显示“对象对象”。在这种情况下如何获取 tr id。

Answer 1

target_id 是一个 jQuery 对象，因此您应该评估其 ID 属性以获取其 ID，即 target_id.attr('id')。另外，为了安全起见，您应该将 ID 转换为整数，并允许使用 parseInt() 进行比较:

var rank = 5;
var target_id = $('#staff tr').filter(function() {
    return parseInt(this.id, 10) < rank;
}).last().attr('id');

alert(target_id);