单击div并具有相同的id和值时，更新选择框

Question

我有一个包含在选择框和表格内的大小和数量的列表， 每当用户选择大小和数量时，表格都会被突出显示

这是我代码的jsfiddle链接

http://jsfiddle.net/19ehdn54/9/

我现在要做的是当用户尝试点击表格列表时，尺寸和数量的选择框也应该更改，我已经尝试添加此代码

$('#qty2 td').click(function() {
    $('#qty2 .highlight td').removeClass('highlight2')
        var textvalue = this.id;
    $('select#size').val(textvalue).change();

});

尺寸选择框正在更新，但数量不是，只有底部表格部分可点击，

非常感谢任何帮助。谢谢！

Answer 1

我刚刚找到了答案，并添加了此代码

jQuery('#qty2 td').click(function() {
    var e = jQuery(this);
    var elementID = jQuery(this).attr('id');
    var parentID  =  jQuery(this).parent().attr('id');

   //remove class attribute to td
   jQuery('#qty2 td').removeAttr('class');

   //set highlight class to clicked column
   e.addClass('highlight2');

   jQuery('#size').val(elementID);
   jQuery('#qty').val(parentID);
});