0

HTML テーブルを「マッサージ」する必要があります。

ページにはドロップダウンがあります：

<SELECT CLASS='slctor' size='1' NAME='KEYVAL' ID='KEYVAL' >
                  <OPTION VALUE='{*}'>*
                  </OPTION>
                  <OPTION value='10'>green
                  </OPTION>
                  <OPTION value='20'>green
                  </OPTION>
                  <OPTION value='30'>green
                  </OPTION>
                  <OPTION value='40'>yellow
                  </OPTION>
                  <OPTION value='90'>red
                  </OPTION>
                </SELECT>

また、人/年と各ペアの値を含むテーブルもあります。

<table>
<tr>
  <td></td>
  <td>2001</td>
  <td>2002</td>
  <td>2003</td>
</tr>
<tr>
  <td>JOE</td>
  <td>10</td>
  <td>30</td>
  <td>90</td>
</tr><tr>
  <td>BETTY</td>
  <td>20</td>
  <td>20</td>
  <td>40</td>
</tr>
</table>

jQuery を使用して、ドロップダウン値から各セル値を「解決」し、ラベルを返し、セルの内容 (または背景色) を置き換えたいと考えています。

実際の DOM 操作のように、基本的なことはできますが、効率的な方法でルックアップを実際に行うには助けが必要です。

4

1 に答える 1

0 
Try this:

$(".slctor").change(function(){
    var selectedVal=$(this).val();
    $('table').find('td').filter(function(){return $(this).text() ==selectedVal}).css("background-color","red");
   //or
      $('table').find('td').filter(function(){return $(this).text() ==selectedVal}).text("New Text");
});
于 2012-07-12T11:34:37.020 に答える