#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 Да, именно так вы бы сделали это для своего случая.