jquery - 查找div元素并使用jquery替换value-innerhtml

Iam具有以下表结构。

HTML:
<table>
 <tr>
  <td>
   <img id='imgScheduled' onclick='start();'/>
  </td>
  <td>
   <div class='divStatus'>Scheduled</div>
  </td>
 </tr>
</table>
..Same table structure repeated

上表是动态定义的，在其中img id也是动态生成的。我想在单击具有某些功能的img时更改divStatus值，即需要像$（“＃imgid”）一样使用jquery将状态更改为“进行中”。

最佳答案

绑定图片，然后找到.divStatus，然后更改其内容！

请记住，.text（）会分隔您的参数，而不是将呈现DOM元素的.html（）！

http://jsfiddle.net/XL5Ew/

$(function () {
    $(document).on('click', '#imgScheduled', function (e) {
        $(this).parent().parent().find('.divStatus').text('in progress...');
        // Or with elements
        $(this).parent().parent().find('.divStatus').html($('<span>').text('in progress...'));
    });
});