заменить изображение при нажатии

Question

У меня есть две таблицы, первая (id = символы) содержит 3 изображения. Вторая таблица (id = tbl) будет содержать множество различных изображений.

Я пытаюсь заменить изображение ячейки (для этого примера можно сказать, что вторая ячейка справа в верхней строке) выбрана из таблицы символов.

Я хотел бы выделить изображения в таблице символов, когда они парят над ними. При нажатии кнопки я хотел бы заменить изображение в другой таблице нажатием на изображение, а также изменить цвет фона ячейки таблицы, содержащей выбранное изображение. Мне также нужно будет определить, какое изображение (или ячейку) было нажато.

Вот моя текущая скрипка не слишком хорошо работает 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); 
    }); 

Answer 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. 

}); 

хотя я предпочел бы использовать идентификаторы или классы