jquery 添加、删除元素

<script language="javascript">

  function fun(obj){

     var rec = $("#rec").val();

    

      $.ajax({

       type:"POST",

       url:"addCheckInRec.action",

       data:createQueryString(obj),

       success:function(){

          $("#btn"+obj).remove();  //删除button，注意id是动态的。"#btn"+obj ，用加号连接就可

          $("#tdc"+obj).empty(); //删除表格td中的内容 input 标签文本框

          $("#td"+obj).append("<img src='images/10.png' />"); //删除button后，添加一个图片

          $("#tdc"+obj).append("<b>"+rec+"</b>"); //td中原为输入文本框，直接改为文字值 

       }

      

      });

  

  }

  

  function createQueryString(id){

     var chid = $("#chid"+id).val();

     var rec = $("#rec").val();

     var queryString="checkIn.id="+chid+"&checkIn.rec="+rec;

     

     return queryString;

  }

</script>

注意struts2标签中写法：

<input type="hidden" id="chid<s:property value="#us[0]" />" value="<s:property value="#us[8]"/>"/>

<input type="button" id="btn<s:property value="#us[0]" />" class="normalbtu" value="提交" onclick="fun('<s:property value="#us[0]" />')"/>

JQuery有增加和删除元素的方法。
主要分为内部插入，外部插入，包裹，替换，删除。
内部插入主要方法：
append(content) 向每个匹配的元素内部追加内容。
prepend(content) 向每个匹配的元素内部前置内容。
外部插入：
after(content) 在每个匹配的元素之后插入内容。
before(content) 在每个匹配的元素之前插入内容。
删除：
empty() 删除匹配的元素集合中所有的子节点。
remove([expr]) 从DOM中删除所有匹配的元素。