Changing/replacing table column values using jQuery

Question

I have the following table structure:

<table class=ms-listviewtable>
  <tr class="ms-itmhover">
    <td class="ms-vb2">Value1</td>
    <td class="ms-vb2">Value2</td>
    <td class="ms-vb2">Value3</td>
    <td class="ms-vb2 ms-lastCell">Value4</td>
  </tr>
</table>

I would like to be able to change the value of the last column which is currently "Value4" to "changedValue" for example using jQuery;

I have written the following but it does not seems to be working at all, not really sure where I am going wrong:

$(document).ready(function() {
  $('.ms-vb2 .ms-lastCell').each(function() {
    var lastColumn = $(this).html();
    var replaceValue = lastColumn.Append("Changed Content");

    $(this).html(replaceContent);
  });
});

Any suggestions will be greatly appreciated.

Answer 1

I understand that you want to append text to the last td. Here is the code for that

jQuery('.ms-lastCell').each(function() {

 var lastColumn = $(this).html();
 var replaceValue = lastColumn + "Changed Content";

jQuery(this).html(replaceValue );


});

http://jsfiddle.net/G3eYh/13/