與超鏈接使用jQuery

Question

更換一些值

我有以下的html代碼：

<table id="MatrixTable"> 
    <tr> 
     <td id="321"> 0 </td> 
    </tr> 
</table 

答：我如何可以替換的超鏈接的「0」文本時，鼠標懸停使用jQuery像下面這樣：

<table id="MatrixTable"> 
    <tr> 
     <td id="321"> 
      <a class="modal-dialog-link" href="Edit?matrixID=321" updatefunction="UpdateMatrix"> 
       0 
      </a> 
     </td> 
    </tr> 
</table> 

$("table#MatrixTable td").mouseover(function() { 
    // doing something here... 
}); 

B.我怎麼能回到原來的「0」時，鼠標離開與jQuery像下面這樣：

$("table#MatrixTable td").mouseleave(function() { 
    // doing something here... 
}); 

釷anks。

Answer 1

您可以使用hover綁定的事件處理程序mouseenter和mouseleave事件，您可以使用wrap和unwrap包裹在a元素的內容：

​$("#321").hover(function() { 
    $(this).contents().wrap("<a>"); 
}, function() { 
    $(this).find("a").contents().unwrap(); 
});​​​​​ 

這是working example。檢查DOM，將鼠標懸停在元素上以查看更改。

這似乎是一個非常奇怪的方式來使用鏈接雖然......爲什麼不能鏈接總是在DOM中？

Answer 2

使用jQuery.hover

$("table#MatrixTable #321").hover(function() { 
    $(this).html('<a class="modal-dialog-link" href="Edit?matrixID=321"'+ 
      'updatefunction="UpdateMatrix">0</a>'); 
},function(){ 
    $(this).text('0'); 
});