我写了这个简单的代码,它从数据库Caspio中获取参数来创建一个简单的表。我只想要这个表1.删除所有空的字段(不是由用户填写)和2.有交替的彩色行,以便更容易看到。我查看了其他论坛,但我找不到一个好的解决方案(我是JS的新手)。该代码适用于JSFiddle以及其他几个html编辑器,但不是全部,它不起作用当我实现它。有谁看到这个问题?我附上了我的所有代码。只是Javascript文件,没有其他附件。
https://jsfiddle.net/c0yoat51/
<table cellpadding="10" class="Form" BORDER="5" WIDTH="95%">
<tbody>
<tr>
<th colspan="2">
<h3>[@field:TestOrder] - [@field:Facility]</h3>
</th>
</tr>
</tbody>
<colgroup>
<col width="250" />
<col width="750" />
</colgroup>
<tbody>
<tr>
<th>FIELD</th>
<th>RESPONSE</th>
</tr>
<tr align="LEFT">
<td>Facility :</td>
<td>[@field:Facility]</td>
</tr>
<tr align="LEFT">
<td>Patient ID :</td>
<td>[@field:PatientID]</td>
</tr>
<tr align="LEFT">
<td>First Name :</td>
<td>[@field:PatientFirst]</td>
</tr>
<tr align="LEFT">
<td>Last Name :</td>
<td></td>
</tr>
<tr align="LEFT">
<td>Date of Birth:</td>
<td>[@field:DateOfBirth]</td>
</tr>
<tr align="LEFT">
<td>Gender :</td>
<td></td>
</tr>
<tr align="LEFT">
<td>Primary Phone :</td>
<td>[@field:PrimaryPhone]</td>
</tr>
<tr align="LEFT">
<td>Secondary Phone :</td>
<td>[@field:SecondaryPhone]</td>
</tr>
<tr align="LEFT">
<td>Emergency Contact :</td>
<td>[@field:EmergencyContact]</td>
</tr>
<tr align="LEFT">
<td>Emergency Number :</td>
<td>[@field:EmergencyNumber]</td>
</tr>
<tr align="LEFT">
<td>Patient Address :</td>
<td>[@field:PatientAddress]</td>
</tr>
<tr align="LEFT">
<td>City :</td>
<td>[@field:City]</td>
</tr>
<tr align="LEFT">
<td>State :</td>
<td>[@field:State ]</td>
</tr>
<tr align="LEFT">
<td>Zip Code :</td>
<td>[@field:ZipCode]</td>
</tr>
<tr align="LEFT">
<td>Special Instructions :</td>
<td>[@field:SpecialInstructions]</td>
</tr>
<tr align="LEFT">
<td>Primary Insurance :</td>
<td>[@field:PrimaryInsurance]</td>
</tr>
<tr align="LEFT">
<td>Primary Subscriber ID :</td>
<td>[@field:PrimarySubscriberID]</td>
</tr>
<tr align="LEFT">
<td>Primary Subscriber Relationship :</td>
<td>[@field:PrmarySubscriberRelationship]</td>
</tr>
<tr align="LEFT">
<td>Secondary Insurance :</td>
<td>[@field:SecondaryInsurance ]</td>
</tr>
<tr align="LEFT">
<td>Secondary Insurance ID :</td>
<td>[@field:SecondaryInsuranceID ]</td>
</tr>
<tr align="LEFT">
<td>Secondary Subscriber Relationship :</td>
<td>[@field:SecondarySubscriberRelationship ]</td>
</tr>
<tr align="LEFT">
<td>Diagnosis :</td>
<td>[@field:Diagnosis]</td>
</tr>
<tr align="LEFT">
<td>Other Diagnosis :</td>
<td>[@field:OtherDiagnosis]</td>
</tr>
<tr align="LEFT">
<td>Physician Name :</td>
<td>[@field:PhysicianName ]</td>
</tr>
<tr align="LEFT">
<td>Other Physician :</td>
<td>[@field:OtherPhysician]</td>
</tr>
<tr align="LEFT">
<td>Physician Phone :</td>
<td>[@field:PhysicianPhone]</td>
</tr>
<tr align="LEFT">
<td>Physician Fax :</td>
<td>[@field:PhysicianFax]</td>
</tr>
<tr align="LEFT">
<td>After Hours Phone :</td>
<td>[@field:AfterHoursPhone]</td>
</tr>
<tr align="LEFT">
<td>Test Order :</td>
<td>[@field:TestOrder]</td>
</tr>
<tr align="LEFT">
<td>Test Duration :</td>
<td>[@field:TestDuration]</td>
</tr>
<tr align="LEFT">
<td>Holter Performed :</td>
<td>[@field:HolterPerformed]</td>
</tr>
<tr align="LEFT">
<td>Holter Test Order :</td>
<td>[@field:HolterTestOrder]</td>
</tr>
<tr align="LEFT">
<td>Holter Duration :</td>
<td>[@field:HolterDuration]</td>
</tr>
<tr align="LEFT">
<td>Previous Holter Date :</td>
<td>[@field:PreviousHolterDate]</td>
</tr>
<tr align="LEFT">
<td>Requested Start Date :</td>
<td>[@field:RequestedStartDate]</td>
</tr>
<tr align="LEFT">
<td>Receive Monitor :</td>
<td>[@field:ReceiveMonitor]</td>
</tr>
<tr align="LEFT">
<td>Recorder ID Number :</td>
<td>[@field:RecorderIDNumber ]</td>
</tr>
<tr align="LEFT">
<td>H_P :</td>
<td>[@field:H_P]</td>
</tr>
<tr align="LEFT">
<td>Upload HP :</td>
<td>[@field:UpploadHP]</td>
</tr>
<tr align="LEFT">
<td>Authorize :</td>
<td>[@field:Authorize]</td>
</tr>
<tr align="LEFT">
<td>Submit :</td>
<td></td>
</tr>
</tbody>
</table>
<script type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$('.Form tr').filter(function() {
return $(this).find('td:eq(1):empty').length > 0;
}).hide();
</script>
<style type="text/css">
tr:nth-child(even) {
background-color: #D3D3D3
}
</style>
请帮助,谢谢!
所有的javascript代码都在底部,其余的只是制作表格
因此,复制和粘贴的相同代码将无法在https://html-online.com/editor/
中运行答案 0 :(得分:1)
你需要在document.ready
中应用你的代码。加载后它只会运行窗口。nbsp;
不能从:empty
中选择。你需要trim()
。然后才得到空格td
也。!
匹配td
$(document).ready(function() {
$('.Form').find('tbody tr').filter(function() {
return !$(this).find('td:eq(1)').text().trim()
}).hide()
})
<强>更新强>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nisha Jewellery</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.Form').find('tbody tr').filter(function() {
return !$(this).find('td:eq(1)').text().trim()
}).hide()
})
</script>
<style type="text/css">
tr:nth-child(even) {
background-color: #D3D3D3
}
</style>
</head>
<body>
<table class="Form" border="5" width="95%" cellpadding="10">
<thead>
<tr>
<th colspan="2">
<h3>[@field:TestOrder] - [@field:Facility]</h3>
</th>
</tr>
</thead>
<colgroup>
<col width="250" />
<col width="750" /> </colgroup>
<tbody>
<tr>
<th>FIELD</th>
<th>RESPONSE</th>
</tr>
<tr align="LEFT">
<td>Facility :</td>
<td>[@field:Facility]</td>
</tr>
<tr align="LEFT">
<td>Patient ID :</td>
<td>[@field:PatientID]</td>
</tr>
<tr align="LEFT">
<td>First Name :</td>
<td>[@field:PatientFirst]</td>
</tr>
<tr align="LEFT">
<td>Last Name :</td>
<td> </td>
</tr>
<tr align="LEFT">
<td>Date of Birth:</td>
<td>[@field:DateOfBirth]</td>
</tr>
<tr align="LEFT">
<td>Gender :</td>
<td> </td>
</tr>
<tr align="LEFT">
<td>Primary Phone :</td>
<td>[@field:PrimaryPhone]</td>
</tr>
<tr align="LEFT">
<td>Secondary Phone :</td>
<td>[@field:SecondaryPhone]</td>
</tr>
<tr align="LEFT">
<td>Emergency Contact :</td>
<td>[@field:EmergencyContact]</td>
</tr>
<tr align="LEFT">
<td>Emergency Number :</td>
<td>[@field:EmergencyNumber]</td>
</tr>
<tr align="LEFT">
<td>Patient Address :</td>
<td>[@field:PatientAddress]</td>
</tr>
<tr align="LEFT">
<td>City :</td>
<td>[@field:City]</td>
</tr>
<tr align="LEFT">
<td>State :</td>
<td>[@field:State ]</td>
</tr>
<tr align="LEFT">
<td>Zip Code :</td>
<td>[@field:ZipCode]</td>
</tr>
<tr align="LEFT">
<td>Special Instructions :</td>
<td>[@field:SpecialInstructions]</td>
</tr>
<tr align="LEFT">
<td>Primary Insurance :</td>
<td>[@field:PrimaryInsurance]</td>
</tr>
<tr align="LEFT">
<td>Primary Subscriber ID :</td>
<td>[@field:PrimarySubscriberID]</td>
</tr>
<tr align="LEFT">
<td>Primary Subscriber Relationship :</td>
<td>[@field:PrmarySubscriberRelationship]</td>
</tr>
<tr align="LEFT">
<td>Secondary Insurance :</td>
<td>[@field:SecondaryInsurance ]</td>
</tr>
<tr align="LEFT">
<td>Secondary Insurance ID :</td>
<td>[@field:SecondaryInsuranceID ]</td>
</tr>
<tr align="LEFT">
<td>Secondary Subscriber Relationship :</td>
<td>[@field:SecondarySubscriberRelationship ]</td>
</tr>
<tr align="LEFT">
<td>Diagnosis :</td>
<td>[@field:Diagnosis]</td>
</tr>
<tr align="LEFT">
<td>Other Diagnosis :</td>
<td>[@field:OtherDiagnosis]</td>
</tr>
<tr align="LEFT">
<td>Physician Name :</td>
<td>[@field:PhysicianName ]</td>
</tr>
<tr align="LEFT">
<td>Other Physician :</td>
<td>[@field:OtherPhysician]</td>
</tr>
<tr align="LEFT">
<td>Physician Phone :</td>
<td>[@field:PhysicianPhone]</td>
</tr>
<tr align="LEFT">
<td>Physician Fax :</td>
<td>[@field:PhysicianFax]</td>
</tr>
<tr align="LEFT">
<td>After Hours Phone :</td>
<td>[@field:AfterHoursPhone]</td>
</tr>
<tr align="LEFT">
<td>Test Order :</td>
<td>[@field:TestOrder]</td>
</tr>
<tr align="LEFT">
<td>Test Duration :</td>
<td>[@field:TestDuration]</td>
</tr>
<tr align="LEFT">
<td>Holter Performed :</td>
<td>[@field:HolterPerformed]</td>
</tr>
<tr align="LEFT">
<td>Holter Test Order :</td>
<td>[@field:HolterTestOrder]</td>
</tr>
<tr align="LEFT">
<td>Holter Duration :</td>
<td>[@field:HolterDuration]</td>
</tr>
<tr align="LEFT">
<td>Previous Holter Date :</td>
<td>[@field:PreviousHolterDate]</td>
</tr>
<tr align="LEFT">
<td>Requested Start Date :</td>
<td>[@field:RequestedStartDate]</td>
</tr>
<tr align="LEFT">
<td>Receive Monitor :</td>
<td>[@field:ReceiveMonitor]</td>
</tr>
<tr align="LEFT">
<td>Recorder ID Number :</td>
<td>[@field:RecorderIDNumber ]</td>
</tr>
<tr align="LEFT">
<td>H_P :</td>
<td>[@field:H_P]</td>
</tr>
<tr align="LEFT">
<td>Upload HP :</td>
<td>[@field:UpploadHP]</td>
</tr>
<tr align="LEFT">
<td>Authorize :</td>
<td>[@field:Authorize]</td>
</tr>
<tr align="LEFT">
<td>Submit :</td>
<td> </td>
</tr>
</tbody>
</table>
</body>
</html>
&#13;