javascript - jquery显示/隐藏按钮标题

Question

如何使用 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"); 
}); 

但是当按钮切换时，如何获取要附加的名称以显示和隐藏？

Answer 1

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

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

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