jquery показать / скрыть заголовок кнопки

#javascript #jquery #button #toggle #innerhtml

#javascript #jquery #кнопка #переключение #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:

Вы можете использовать текстовый метод, чтобы получить значение вашего <td> :

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

Вот пример его работы.

Комментарии:

1. итак, я мог бы установить переменную x = $(‘#your-td-id’).text(); а затем в show / hide сделать что-то вроде $(‘ShowHide’).val(«Show» x);

2. @Juan Almonte Да, именно так вы бы сделали это для своего случая.