0

2つのテーブルがあり、最初のテーブル（id = symbol）には3つの画像が含まれています。2番目のテーブル（id = tbl）には、さまざまな異なる画像が含まれます。

セルの画像（この例では、一番上の行の右から2番目のセル）をシンボルテーブルから選択したものに置き換えようとしています。

シンボルテーブルにカーソルを合わせると、画像が強調表示されます。クリックすると、他のテーブルの画像がクリックされている画像に置き換えられ、選択した画像を含むテーブルセルの背景色も変更されます。また、クリックされた画像（またはセル）を識別できる必要があります。

これが私の現在のフィドルがうまく機能していないことですhttp://jsfiddle.net/bLb3H/70/。

助けてくれてありがとう。

<table id="symbols">
<tr>
<td  ><img src="http://icons.iconarchive.com/icons/deleket/soft-scraps/32/Button-Blank-Yellow-icon.png"/></td>
  <td  >
      <img src=" http://icons.iconarchive.com/icons/deleket/soft-scraps/32/Button-Blank-Blue-icon.png"/>

  </td>
  <td class="items  p1 p3"><img src="http://icons.iconarchive.com/icons/yootheme/social-bookmark/32/social-google-buzz-button-icon.png"/></td>      
  </tr>
</table>  

<table border="1" id="tbl">
<tr>
  <td ></td>
  <td  bgcolor=#000000 >
      <img src="http://icons.iconarchive.com/icons/deleket/soft-scraps/32/Button-Blank-Red-icon.png"/>
  </td>
  <td class="items  p1 p3"></td>      
  </tr>

  <tr>      
  <td bgcolor=#000000 ></td>
  <td class="items  p1"></td>
  <td class="items p3" bgcolor=#000000 ></td>
 </tr>

 <tr>      
  <td class="piece" id="p1" ></td>
  <td bgcolor=#000000 ></td>
    <td class="piece" id="p3" ></td>
  </tr>

</table>

jquery

  var imgs = $('img');

  imgs.click(function () {
    var img = $(this);
    $("#tbl").find("tbody tr").eq(2).children().first().attr('src', img);
  });
4

1 に答える 1

0

ここに1つの方法があります..http：//jsfiddle.net/4Ym43/

var imgs = $('img'); 

imgs.click(function(){
  var img = $(this); 
    $("#tbl").find("tbody tr:eq(0) td:eq(1) img").attr('src', img.attr('src'));
  //The cells we can move our image to.

});

IDまたはクラスを使用したいのですが

于 2013-02-17T19:22:19.543 に答える