Question

<table >
  <tr>
    <td>00 </td> <td>01 </td> <td>02 </td> <td>03 </td>
  </tr>
  <tr>
    <td>00 </td> <td>01 </td> <td>02 </td> <td>03 </td>
  </tr>
</table>

如何使用jquery选择TD索引范围每行2~4行。

$('table td').css('color' ,'red');

每行td介于02~04之间。

Answer 1

您可以使用.filter()

将匹配元素集合减少到与选择器匹配的元素或通过函数测试。

$(function () {        
    $("table td").filter(function () {
        var text = parseInt($(this).text(),10); 
        return  text >= 2 && text <= 4;
    }).css('background-color' ,'red');;
});

＆＃13;

$(function() {
  $("table td").filter(function() {
    var text = parseInt($(this).text(),10);
    return text >= 2 && text <= 4;
  }).css('background-color', 'red');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>00</td>
    <td>01</td>
    <td>02</td>
    <td>03</td>
  </tr>
  <tr>
    <td>00</td>
    <td>01</td>
    <td>02</td>
    <td>03</td>
  </tr>
</table>

＆＃13;

Answer 2

是的，你可以做：

$(function () {
  $("table tr").each(function () {
    $(this).find("td:gt(0)").css('color' ,'red');
  });
});

<强>段

＆＃13;

$(function () {
  $("table tr").each(function () {
    $(this).find("td:gt(0)").css('color' ,'red');
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table>
  <tr>
    <td>00 </td> <td>01 </td> <td>02 </td> <td>03 </td>
  </tr>
  <tr>
    <td>00 </td> <td>01 </td> <td>02 </td> <td>03 </td>
  </tr>
</table>

＆＃13;

选择索引之间的表td范围索引

2 个答案: