jquery显示/隐藏按钮标题

时间:2011-10-05 00:35:32

标签: javascript jquery button toggle innerhtml

如何使用jquery获取td中的文本?

我目前有:

<div id="divName">
 <table id="tableName">
  <tr>
   <td id="g${req.Name}</">${req.Name}</td>
   <td><input type="button" id="showName_${req.fName} rel="viewName_${allReq.requestId}
   value="Show " title="Show customer ${req.fName}"
     onclick="buttonToggle(this,'Hide ','Show ','nameDiv_${req.fName}', '${req.fName}')" />
   </td>
   </tr>
  </table>

 <div id="nameDiv_${req.fName}" style="display: none">
  <p>test</p>
 </div>


</div>

我希望能够有显示/隐藏按钮的标题说显示客户约翰,当按钮被隐藏以隐藏标题更改为隐藏客户约翰然后再次单击该按钮时回到标题,说显示客户约翰。

我可以使用这样的东西来显示/隐藏按钮:

$('ShowHide').click(function(){ 
if ( $('hide').css('display') == 'block' ) 
    $('ShowHide').val("Hide"); 
else 
    $('ShowHide').val("Show"); 
}); 

但是如何在切换按钮时将名称附加到显示和隐藏状态?

1 个答案:

答案 0 :(得分:0)

您可以使用text方法获取<td>的价值:

$('#your-td-id').text();

Here's an example它的工作原理。