Question

所以，我有一张表，并且有一个名为value的列，其中不同的数字从0到2不等。

<column>Values<column>
<td>0</td>
<td>2</td>
<td>0</td>

是的，我知道不存在的东西，仅仅是为了举例。但真正的问题是，我如何在jquery的帮助下找到这些数字并用其他东西替换它......例如

    if(td == 1){
       replace 1 with "Hello"
    }

Answer 1

使用contains()获取具有相似文字的td并使用.text()替换文字

$("td:contains('1')").text("hello");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>

Answer 2

你能给你的元素ID吗？这可能会使您的代码更具可读性和可维护性，并且会消除您要替换的值与正在寻找它的代码之间的依赖关系。

如果您可以使用Id，那么您可以使用jQuery selectors来获取元素，然后根据元素类型将text或innerHtml设置为您需要的值

敌人的例子;

$( document ).ready(function() {
    $('#col1').text('hello');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
  <tr>
    <td id="col1">1</td>
    <td id="col2">2</td>
    <td id="col3">3</td>
  </tr>
</table>

或JsFiddle.net

Answer 3

嗯，这取决于......

如果您将单元格的所有内容称为数值，则可以执行此操作（在JS中）

if(Number($(td).html().trim()) == number_to_replace){
    $(td).html(text_for_replacement);
}

其中“td”可以作为DOM变量引用到单元格，也可以是字符串选择器

Answer 4

使用 :contains() 伪类选择包含1的所有td，然后使用带回调的 text() 来检查内容正是1并更新。

＆＃13;

$('td:contains(1)').text(function(i, v) {
  return $.trim(v) == '1' ? 'hello' : v;
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>11</td>
  </tr>
</table>

＆＃13;

在html中查找某个数字并将其替换为自定义文本

4 个答案: