jsp代码<table style="border:1px solid red">
 <tr>
  <td> 
    <img src="../a.jpg"/>
  </td>
 </tr>
</table>jsp中jquery代码:$("img").parent().css("border","#cccccc");    //直接设置
$("img").parent().addClass("changeborder");   //引用类样式css代码:.changeborder{
  text-align:center;
  border:0px;
}
发现,在IE浏览器中
$("img").parent().css("border","#cccccc"); 这样设置会起作用,边框线不见了;  
$("img").parent().addClass("changeborder"); 这个起一半作用,内容居中了,但是边框线还在这是为什么呢?在火狐浏览器中,两种方法都无效,边框线都在,这又是为什么了? 难道是浏览器的问题?请教高手!!!

解决方案 »

  1.   

    原因很简单:首先 $("img").parent()所找到的对象是 单元格 <td> 你设置的是td的样式  而红色的边框是表格table的 ,所以没用。需要这样写 :("img").parent("table").addClass("changeborder");
    另外 ,样式要该下
    .changeborder{
      text-align:center;
      border:0px !important;
    }
      

  2.   

    需要这样写 :("img").parent("table").addClass("changeborder");
    另外 ,样式要该下CSS code
    .changeborder{
      text-align:center;
      border:0px !important;
    }+1
      

  3.   

     非常有效,但是css 中 border:0px !important;是什么意思?
      

  4.   

    http://baike.baidu.com/view/5843374.htm