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

Question

因此，我有一个表，有一个名为value的colum，它的不同数字从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选择器获取元素，然后根据元素类型将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变量，也可以是字符串选择器。