Question

我有以下表结构。

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值，它有一些功能，即状态需要使用jquery改为“inprogress”，就像$（“＃imgid”）一样。最接近的东西，我不确定。

Answer 1

这个怎么样？

$('body').on('click','td > img',function(){
   $(this).closest('tr').find('.divStatus').html('in progress..');
});

Answer 2

单击图像，找到.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...'));
    });
});

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

2 个答案: