时间戳

首页 > 解决方案 > jQuery从列表中找到具有确切数字的td

javascript - jQuery从列表中找到具有确切数字的td

问题描述

所以我有一张桌子，我需要找到里面有确切数字的td（数字'2'）。问题是 td 数字是类似的列表1,2,3,4。

现在，如果我这样做，它会在里面找到tdwith '2'：

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
  </tr>
</table>

$(function(){
    var search = '2';
    $("table tr td").filter(function() {
        return $(this).text() == search;
    }).css('color','red');
});

但如果我这样做，它不适用于列表：

<table>
  <tr>
    <td>1,14</td>
    <td>3,10</td>
    <td>2,5</td>
    <td>22,7</td>
  </tr>
</table>

$(function(){
    var search = '2';
    $("table tr td").filter(function() {
        return $(this).text() == search;
    }).css('color','red');
});

我想要它做的是更改该 td 'red' 中的所有数字，例如 2,5'。

标签： javascriptjqueryhtml

解决方案

您可以用逗号分隔并检查包含。

$(function(){
    var search = '2';
    $("table tr td").filter(function() {
        return $(this).text().split(',').includes(search);
    }).css('color','red');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td>1,14</td>
    <td>3,10</td>
    <td>2,5</td>
    <td>22,7</td>
  </tr>
</table>

推荐阅读