javascript - 如何在 jQuery 中做到这一点？

Question

我必须将方法copyToLeft附加到TD内所有图像的onClick事件上。 TD位于名为mismatchList的表内，因此结构变成这样mismatchList > tbody > tr > td > img

虽然我已经做到了这一点，但那是使用纯 JavaScript。我所做的是，我在创建时手动添加了 copyToLeft(this); 方法到所有指定元素的 onClick 事件上。 [这是我想省略并使用 jQuery 以某种方式执行此操作的步骤]。

copyToLeft 的定义如下:-

function copyToLeft(obj){
    leftObj = getLeftTD (obj);  // my method which returns the adjacent Left TD
    rightObj = getRightTD (obj);
    
    if ( leftObj.innerHTML != rightObj.innerHTML ) {            
        leftObj.innerHTML = rightObj.innerHTML;
        leftObj.bgColor = '#1DD50F';
    }else{
        alert ( 'Both values are same' );
    }
}

如果需要，copyToLeft 方法的定义也可以更改。 [以防万一，jQuery 可以用来使这个方法变得更好:)]

<小时/>

编辑

我只是添加新的要求，而不是问另一个问题:) [让我知道我是否应该创建新的要求]
我必须将 copyToLeft 方法添加到我指定的所有图像中，但该图像 src 应该是 left_arrow.gif，并添加 copyToRight 方法，如果src 是 right_arrow.gif。另外，我们如何在 jQuery 中获取相邻的左/右 TD，因为我也想替换我的 getLeftTD 和 getRightTD 方法？

Answer 1

如果我正确理解了你的问题，在 jQuery 中，你可以这样绑定(bind)事件:

$(document).ready(function() {
    $('mismatchList > tbody > tr > td > img').click(copyToLeft);
});

在您的 copyToLeft 函数中，您不接受 obj 作为输入参数，而 this 将是图像。 $(this) 将是一个 jQuery 对象，包含图像，如果您需要的话...