如何通过使用jquery在另一个td中单击来显示具有特定类名的td中的值?
我必须在表格的单元格中显示内容 下表如下:如何通过使用jquery在另一个td中单击来显示具有特定类名的td中的值?,jquery,Jquery,我必须在表格的单元格中显示内容 下表如下: <table id="innertable"> <thead> <tr class="tablewrapperheader"> <th>Status</th> &l
<table id="innertable">
<thead>
<tr class="tablewrapperheader">
<th>Status</th>
<th>Date Requested</th>
<th>Date Time Range</th>
<th>Reason</th>
<th>Date Approved/Denied</th>
<th>Reason Denied</th>
<th>Approve/Deny</th>
</tr>
</thead>
<tbody>
<tr class="odd">
<td id="check" class="pending"><img src="../images/icons/36x36/exclamation.gif" alt="exclamation"/>
<span id="checkMsg">Pending</span></td>
<td>06/15/2012</td>
<td>06/21/2012</td>
<td>Medical Checkups</td>
<td class="dateApproveDenied"></td>
<td class="reasonDenied"></td>
<td><img src="../images/icons/128x128/approve.png" class="actionApprove" alt="exclamation" height="16" width="16"/> <img src="../images/icons/128x128/deny.png" class="actionDeny" alt="" height="16" width="16"/></td>
</tr>
地位
要求的日期
日期时间范围
理由
批准/拒绝日期
否认理由
批准/拒绝
悬而未决的
06/15/2012
06/21/2012
体检
用户将单击active或deny,如果拒绝,则必须给出拒绝的原因。我必须在我使用的类名“dateApproveDenied”和“reasonDenied”中显示拒绝日期和原因。我使用Jquery来实现这个效果,但没有效果
这是我的jquery
$(".actionDeny").click(function(){
var reason = prompt("Write reason for denial.",'');
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //js months 0-11
var yyyy = today.getFullYear();
if(dd<10){
dd='0'+dd
}
if(mm<10){
mm='0'+mm
}
var today = mm+'/'+dd+'/'+yyyy;
$(this).closest('td .dateApproveDenied').text(today);
$(this).closest('td .reasonDenied').text(reason);
});
$(.actionDeny”)。单击(函数(){
var reason=提示(“写入拒绝原因”。,”;
var today=新日期();
var dd=today.getDate();
var mm=today.getMonth()+1;//js months 0-11
var yyyy=today.getFullYear();
如果(dd使用“最近”获取父tr,则查找tds
$(this).closest('tr').find('.dateApproveDenied').text(today);
$(this).closest('tr').find('.reasonDenied').text(reason);
编辑
您还可以缓存最近的选择器:
var $tr = $(this).closest('tr');
$tr.find('.dateApproveDenied').text(today);
$tr.find('.reasonDenied').text(reason);
使用“最近”获取父tr,然后查找tds
$(this).closest('tr').find('.dateApproveDenied').text(today);
$(this).closest('tr').find('.reasonDenied').text(reason);
编辑
您还可以缓存最近的选择器:
var $tr = $(this).closest('tr');
$tr.find('.dateApproveDenied').text(today);
$tr.find('.reasonDenied').text(reason);
对于初学者来说,reasonDenied
是一个id
,但是您的jQuery选择器正在尝试将其作为class
查找。感谢您的帮助。我已经在我的代码和帖子中对其进行了更正……但是我仍然没有在td中获得值。对于初学者来说,reasonDenied
是一个id
,但是您的jQuery选择器正在尝试to将其作为类查找
。感谢您的帮助。我已在我的代码和帖子中对其进行了更正……但我仍然无法获得td中的值。