<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready( function() {
var child = $("p.trace-show").prop("table-child");
alert("child");
});
</script>
<style>
.ui-table {width:950px; text-align: center; margin:auto 0;}
.ui-table thead {background: #ca000a; font-weight: bold; color: white; height:30px;}
.ui-table thead tr th{font-size: 12px; height: 30px; line-height:25px;}
.ui-table tbody tr td{font-size: 12px; color: #333; line-height: 200%; background: #e2e2e2}.ui-table-child {width:100%; text-align: center;}
.ui-table-child thead {background: #e2e2e2; font-size: 12px; font-weight: bold; color: #333; line-height: 200%;}
.ui-table-child thead tr th{font-size: 12px; height: 20px; line-height:18px;}
</style>
<table class="ui-table" border="0" cellspacing="3" cellpadding="0">
<thead>
<tr>
<th class="waybills"><strong>运单编号</strong></th>
<th class="dete"><strong>日期</strong></th>
<th class="time"><strong>时间</strong></th>
<th class="staus"><strong>快件状态</strong></th>
<th class="now"><strong>当前地点</strong></th>
<th class="express"><strong>转运商</strong></th>
<th class="express_no"><strong>转运单号</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td><p class="trace-show" table-child="bill2012040000000">历史状态</p></td>
<td colspan="6" align="center" style="background:#FFF;"><font color="red"><p>以上结果供参考,如有需要,欢迎垂询中国大陆服务热线4008 111 111或咨询在线客服。</p></font></td>
</tr>
<tr id="bill2012040000000" width="100%" style="display:none">
<td colspan="7" style="background:#FFF;" align="center">
<table class="ui-table-child" width="100%" border="0" cellspacing="3" cellpadding="0">
<thead>
<tr>
<th class="waybills"><strong>运单编号</strong></th>
<th class="dete"><strong>日期</strong></th>
<th class="time"><strong>时间</strong></th>
<th class="staus"><strong>快件状态</strong></th>
<th class="now"><strong>当前地点</strong></th>
<th class="express"><strong>转运商</strong></th>
<th class="express_no"><strong>转运单号</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="waybills">2012040000001</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td><p class="trace-show" table-child="bill2012040000001">历史状态</p></td>
<td colspan="6" align="center" style="background:#FFF;"><font color="red"><p>以上结果供参考,如有需要,欢迎垂询中国大陆服务热线4008 111 111或咨询在线客服。</p></font></td>
</tr>
<tr id="bill2012040000001" width="100%" style="display:none">
<td colspan="7" style="background:#FFF;" align="center">
<table class="ui-table-child" width="100%" border="0" cellspacing="3" cellpadding="0">
<thead>
<tr>
<th class="waybills"><strong>运单编号</strong></th>
<th class="dete"><strong>日期</strong></th>
<th class="time"><strong>时间</strong></th>
<th class="staus"><strong>快件状态</strong></th>
<th class="now"><strong>当前地点</strong></th>
<th class="express"><strong>转运商</strong></th>
<th class="express_no"><strong>转运单号</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="waybills">2012040000002</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td><p class="trace-show" table-child="bill2012040000002">历史状态</p></td>
<td colspan="6" align="center" style="background:#FFF;"><font color="red"><p>以上结果供参考,如有需要,欢迎垂询中国大陆服务热线4008 111 111或咨询在线客服。</p></font></td>
</tr>
<tr id="bill2012040000002" width="100%" style="display:none">
<td colspan="7" style="background:#FFF;" align="center">
<table class="ui-table-child" width="100%" border="0" cellspacing="3" cellpadding="0">
<thead>
<tr>
<th class="waybills"><strong>运单编号</strong></th>
<th class="dete"><strong>日期</strong></th>
<th class="time"><strong>时间</strong></th>
<th class="staus"><strong>快件状态</strong></th>
<th class="now"><strong>当前地点</strong></th>
<th class="express"><strong>转运商</strong></th>
<th class="express_no"><strong>转运单号</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table> <!-- .ui-table -->
<script type="text/javascript">
$(document).ready( function() {
var child = $("p.trace-show").prop("table-child");
alert("child");
});
</script>
<style>
.ui-table {width:950px; text-align: center; margin:auto 0;}
.ui-table thead {background: #ca000a; font-weight: bold; color: white; height:30px;}
.ui-table thead tr th{font-size: 12px; height: 30px; line-height:25px;}
.ui-table tbody tr td{font-size: 12px; color: #333; line-height: 200%; background: #e2e2e2}.ui-table-child {width:100%; text-align: center;}
.ui-table-child thead {background: #e2e2e2; font-size: 12px; font-weight: bold; color: #333; line-height: 200%;}
.ui-table-child thead tr th{font-size: 12px; height: 20px; line-height:18px;}
</style>
<table class="ui-table" border="0" cellspacing="3" cellpadding="0">
<thead>
<tr>
<th class="waybills"><strong>运单编号</strong></th>
<th class="dete"><strong>日期</strong></th>
<th class="time"><strong>时间</strong></th>
<th class="staus"><strong>快件状态</strong></th>
<th class="now"><strong>当前地点</strong></th>
<th class="express"><strong>转运商</strong></th>
<th class="express_no"><strong>转运单号</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td><p class="trace-show" table-child="bill2012040000000">历史状态</p></td>
<td colspan="6" align="center" style="background:#FFF;"><font color="red"><p>以上结果供参考,如有需要,欢迎垂询中国大陆服务热线4008 111 111或咨询在线客服。</p></font></td>
</tr>
<tr id="bill2012040000000" width="100%" style="display:none">
<td colspan="7" style="background:#FFF;" align="center">
<table class="ui-table-child" width="100%" border="0" cellspacing="3" cellpadding="0">
<thead>
<tr>
<th class="waybills"><strong>运单编号</strong></th>
<th class="dete"><strong>日期</strong></th>
<th class="time"><strong>时间</strong></th>
<th class="staus"><strong>快件状态</strong></th>
<th class="now"><strong>当前地点</strong></th>
<th class="express"><strong>转运商</strong></th>
<th class="express_no"><strong>转运单号</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="waybills">2012040000001</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td><p class="trace-show" table-child="bill2012040000001">历史状态</p></td>
<td colspan="6" align="center" style="background:#FFF;"><font color="red"><p>以上结果供参考,如有需要,欢迎垂询中国大陆服务热线4008 111 111或咨询在线客服。</p></font></td>
</tr>
<tr id="bill2012040000001" width="100%" style="display:none">
<td colspan="7" style="background:#FFF;" align="center">
<table class="ui-table-child" width="100%" border="0" cellspacing="3" cellpadding="0">
<thead>
<tr>
<th class="waybills"><strong>运单编号</strong></th>
<th class="dete"><strong>日期</strong></th>
<th class="time"><strong>时间</strong></th>
<th class="staus"><strong>快件状态</strong></th>
<th class="now"><strong>当前地点</strong></th>
<th class="express"><strong>转运商</strong></th>
<th class="express_no"><strong>转运单号</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="waybills">2012040000002</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td><p class="trace-show" table-child="bill2012040000002">历史状态</p></td>
<td colspan="6" align="center" style="background:#FFF;"><font color="red"><p>以上结果供参考,如有需要,欢迎垂询中国大陆服务热线4008 111 111或咨询在线客服。</p></font></td>
</tr>
<tr id="bill2012040000002" width="100%" style="display:none">
<td colspan="7" style="background:#FFF;" align="center">
<table class="ui-table-child" width="100%" border="0" cellspacing="3" cellpadding="0">
<thead>
<tr>
<th class="waybills"><strong>运单编号</strong></th>
<th class="dete"><strong>日期</strong></th>
<th class="time"><strong>时间</strong></th>
<th class="staus"><strong>快件状态</strong></th>
<th class="now"><strong>当前地点</strong></th>
<th class="express"><strong>转运商</strong></th>
<th class="express_no"><strong>转运单号</strong></th>
</tr>
</thead>
<tbody>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
<tr>
<td class="waybills">2012040000000</td>
<td class="dete">12-04-29</td>
<td class="time">00:24</td>
<td class="staus">从广州发往深圳途中</td>
<td class="now">广州</td>
<td class="express">海运</td>
<td class="express_no">200516140336</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table> <!-- .ui-table -->
解决方案 »
- 想请教做一个特殊的JS移动
- 关于window.open()的问题,请教了
- 救命啊,为什么总是提示说nodeType为空对象
- 关于JavaScript调用方法的问题
- 急!!(菜鸟)密码确认问题!!
- 撒分!在智能手机或移动设备上实现系列功能技术以及时间问题(功能:扫描条形码、在本地储存数据、在有信号或与电脑连接时连接某网站上传数据,判断是否上传成功)
- 蛙蛙推荐:刚刚写了一个测试应聘人员的程序,大家给PP
- 怎樣把<textarea >種的value寫到SQL Server上
- 请问table中怎么样定位有 Text文本框的行?(真是太...太感谢了)
- 在网页中上传并显示文件内容
- 在myeclipse中编写extJs。。。。。myeclipse很卡。。。怎么办啊?
- 这样定义对象是什么意思?
点击 <p class="trace-show" table-child="bill2012040000002">历史状态</p>
控制<tr id="bill2012040000002">的隐藏和显示。
$("p.trace-show").toggle(
function() { $('#' + $(this).attr('table-child')).show(); },
function () { $('#' + $(this).attr('table-child')).hide(); }
);
});