javascript - 更改类的 html 值

Question

我想做的是通过 jQuery 更改特定列的值。我只知道列的名称，但列的位置并不总是相同的。

演示:http://jsfiddle.net/4MJjU/

此代码有效，但这是检查和更改值的最佳方式吗？

var IDcolumns = document.getElementsByClassName('column-'+positionID); 
  for (i=0;i<IDcolumns.length;i++) 
  { 
      switch(IDcolumns[i].innerHTML){
      case "yes":
            //Just as example: 
            $(IDcolumns[i]).html('<img src="image.png" />');
            break;
      case "no": 
            $(IDcolumns[i]).html('&nbsp;');
            break;
  }
}

jsfiddle 中的其他代码(显示/隐藏列)用于其他用途。

Answer 1

根据 HTML 结构，有多种方法可以解决这个问题。

按照您的示例，您可以执行如下简单的操作:

$('.column-'+positionID + ':contains("yes")').html('<img src="image.png" />');
$('.column-'+positionID + ':contains("no")').html('&nbsp;');

:Contains如果单元格包含文本(忽略空格和其他文本)，将匹配。